具有两种不同颜色线的Dimple.js折线图

时间:2019-09-27 12:03:40

标签: javascript d3.js charts dimple.js

我有一系列带有时间戳,风速和阵风的数据。我想在同一张图表上用不同的颜色绘制风速和阵风。但是正如您所看到的,这就是我所得到的。

enter image description here

这是我代码的重要几行。

const y1 = myChart.addMeasureAxis('y', 'Wind Speed')
const y2 = myChart.addMeasureAxis(y1, 'Gust')
const s1 = myChart.addSeries(null, dimple.plot.line, [x, y1])
const s2 = myChart.addSeries(null, dimple.plot.line, [x, y2])

//This doesn't have any effect
myChart.assignColor('Wind Speed', 'red')

//And my legend just says 'All' but why?
myChart.addLegend(100, 10, 50, 20, 'right')

任何帮助将这两条线标记和着色的方法将不胜感激。谢谢!

0 个答案:

没有答案