如何使用凹坑/ d3在某个日期缩放2个轴?

时间:2014-10-17 13:06:35

标签: d3.js charts dimple.js

我有一个图表,可以接收2组数据并绘制一个包含2个轴的图表,两者都可见。 我为视觉示例提供了一个简单的fiddle

代码的相关部分:

  

var x = myChart.addTimeAxis('x','Date','%d-%m-%Y','%d-%m-%Y');       x.showGridlines = true;       x.addOrderRule( '日期');

var y1 = myChart.addMeasureAxis('y', 'Total Cost');
y1.showGridlines = true;

var y2 = myChart.addMeasureAxis('y', 'Total Value');
y2.tickFormat = '.1f';
y2.showGridlines = true;

var s1 = myChart.addSeries('Statistic Type', dimple.plot.line, [x, y1]);
s1.data = first_series;

var s2 = myChart.addSeries('Statistic Type', dimple.plot.line, [x, y2]);
s2.data = second_series;

我想要做的是以特定日期(例如01-10-2014)的方式缩放两个轴,该点与图表高度处于同一水平。在link我提供了一个关于它应该是什么样子的例子(由我绘制的日期近似为:D)

谢谢, 珊

0 个答案:

没有答案