创建多个重叠的线图,这些线图相对于彼此的数值而不是自己的数值

时间:2012-06-14 00:06:38

标签: javascript raphael

我正在使用Joe的Design的Raphael JS教程来构建一些重叠的图表

我使用代码创建3个图表,显示3种类型的信息相互叠加但我有一个问题,我不知道为什么它击中顶部200k和50k在同一点它不合理 ?我想弄清楚如何使图形的大小工作,所以所有的测量是相对于彼此,但它似乎不起作用?任何人都可以提供一些有关为何会发生这种情况的见解吗?

似乎每条线都是相对于自身而不是彼此

我可以提供任何有用的代码

这是js文件

http://pastebin.com/NJj3whxZ

此处还有我工作示例的链接

http://theconfluencegroup.com/a_test/

感谢百万

尼克

1 个答案:

答案 0 :(得分:0)

略微修改库http://g.raphaeljs.com/linechart.html 允许最大值为设置:

var element = this,
            o = this.customAttributes.lineChart,
            settings = this.lineChart.settings,
            gutter = settings.gutter,
            width = settings.width,
            height = settings.height,
/*AeTky added: 2012.06.16*/             
            fixMax = settings.fixMax,
/**/                
            table = helpers.loadTableData(settings.data_holder), //TODO allow passing data by array
            size = table.labels.length,

            X = (width - gutter.left) / size,
/*AeTky added: 2012.06.16*/             
            max = fixMax == -1 ? Math.max.apply(Math, table.data) : fixMax,
/**/                
            Y = (height - gutter.bottom - gutter.top) / max,

            blanket = element.set(),
            p,
            bgpp,
            x,
            y;