制作折线图y轴工作?

时间:2011-12-26 17:12:23

标签: javascript charts raphael prototypejs linechart

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

enter image description here

enter image description here 有没有人知道如何解决这个问题?!

感谢名单!

P

1 个答案:

答案 0 :(得分:0)

我认为我理解你的问题:图表上每条线的比例是独立的,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。我没有测试过这个,所以你必须解决这个问题。