javascript - 制作折线图y轴工作？

Question

我正在实施这个图表解决方案，但我有点卡住了。如果我必须在同一个图表中绘制折线图，​​如链接中的第一个示例所示，但 y 轴似乎有问题。它没有显示第一个和第二个折线图之间的正确比率。请看下面的两张图片：

有没有人知道如何解决这个问题？！

谢谢！

磷

Answer 1

我想我理解你的问题：图表上每条线的比例都是独立的，raphael 线图 js 文件循环遍历表数据并根据其最大值设置每条线的最大值。我对任何考虑使用 raphaeljs 进行绘图的人的建议是改用Graphael。

如果您真的想修复它，请将示例文件中 raphael_linechart 的第 366 行更改为

max = this.max,

然后添加一个获取数据的函数，并将 this.max 变量更改为所有数据的最大值：

changeMaxValue: function(id) {
    var table = helpers.loadTableData(id);
    var max = Math.max.apply(Math, table.data);
    if(max > this.max) {
        this.max = max;
    }
},

在实际绘制线条之前传递每个表数据块的 id。我没有对此进行测试，因此您必须解决问题。