D3.js 如何使用酒窝/d3在特定日期缩放两个轴?

D3.js 如何使用酒窝/d3在特定日期缩放两个轴?,d3.js,charts,dimple.js,D3.js,Charts,Dimple.js,我有一个图表,它接收两组数据并绘制一个带有两个轴的图表,两个轴都可见。 我提供了一个简单的可视化示例 守则的有关部分: var x=myChart.addTimeAxis'x','Date','%d-%m-%Y','%d-%m-%Y'; x、 showGridlines=true; x、 addOrderRule'Date' 我想做的是在某个日期(例如2014年10月1日)缩放两个轴,该点位于图表高度的同一水平面上。在本文中,我提供了一个示例,说明我绘制的日期应该是近似的:D 谢谢, Alexa

我有一个图表,它接收两组数据并绘制一个带有两个轴的图表,两个轴都可见。 我提供了一个简单的可视化示例

守则的有关部分:

var x=myChart.addTimeAxis'x','Date','%d-%m-%Y','%d-%m-%Y'; x、 showGridlines=true; x、 addOrderRule'Date'

我想做的是在某个日期(例如2014年10月1日)缩放两个轴,该点位于图表高度的同一水平面上。在本文中,我提供了一个示例,说明我绘制的日期应该是近似的:D

谢谢,
Alexandra

您需要使用的基本功能可能是y轴上的overrideMin和overrideMax,但我认为这并不容易,我觉得这将是一个非线性方程。但为什么如果我有y2.overrideMax=111.0,该值没有被真正覆盖,并且我的axis最大值变高了一点?git hub中已经存在这个问题。目前,dimple仍将其舍入逻辑应用于覆盖的轴。您的情况很不寻常,最好使用原始d3,而不是像dimple这样的更高级别api。
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;