使折线图y轴起作用？

Question

我正在实施此图表解决方案，但有点卡住了。 如果我必须像在链接中的第一个示例中那样在同一张图中绘制折线图，​​但是y轴似乎存在问题。 它未在第一条折线图和第二条折线图之间显示正确的比例。 请参见下面的两个图像：

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

谢谢！

P

Answer 1

我想我理解您的问题：图形上每条线的比例都是独立的，拉斐尔线图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。 我没有对此进行测试，因此您必须解决一些问题。