我想显示具有两个不同轴的 CSV 数据的图表。
我成功地做到了这一点,但有一些限制。
这是我的 CSV 文件的示例,但列数和列标签可能会有所不同:
"date","Tch","HyR","CO2"
2012/12/23-10:41,22.2,43,2379.52
2012/12/23-10:42,22.2,44,2319.36
2012/12/23-10:43,22.2,44,2319.36
我可以使用以下代码显示它:
<div id="div_g" style="width:900px; height:400px; border: 1px solid black"></div>
<script type="text/javascript" src="http://www.dygraphs.com/dygraph-combined.js"></script>
<script>
var g = new Dygraph(
document.getElementById("div_g"),
"enregistrement-subset0.csv",
{
labels:["date","Tch","HyR","CO2"], //the line I'd like to remove
colors:["red", "blue", "green"],
"CO2": { axis: {
yAxisLabelFormatter: function (v) { return v.toPrecision(2); },
yValueFormatter: function (v) { return v.toPrecision(2); }
}},
axes: {
y: {
valueFormatter: function(y) {
return y.toPrecision(3);
},
axisLabelFormatter: function(y) {
return y;
}
}
},
});
</script>
我试图删除“标签:”行,但是这样做,第二个轴消失了。
jsFiddle 在这里http://jsfiddle.net/lauhub/jY2m6/
此外,保持这条线会在显示图表时生成警告。
我还想从 CSV 文件中动态加载标签,因为列数和名称可能会有所不同。
是否可以使用 dygraphs 以编程方式执行此操作?如何 ?
谢谢