javascript - 如何更改 dygraph 中的 x 轴位置？

Question

我是 dygraph 的新手，我有一个问题:在使用 Javascript 创建 dygraph 时，y 轴的负值显示在 x 轴 0 值上方。

这是我的代码:

g6 = new Dygraph(document.getElementById('smooth-line'),
                   functionData,
                   {
                     labels: ['Year',  'First','Second'],
                     series: {

                         First: {
                         plotter: smoothPlotter,
                         color: '#26a69a ',
                         strokeWidth: 2
                       },
                       Second: {
                           plotter: smoothPlotter,
                           color: '#e57373 ',
                           strokeWidth: 2
                         }
                     },
                     legend: 'always',
                     gridLineColor: '#ddd',

                     //valueRange: [1.0, 30.0],
                     //yRangePad :[-20.0,20.0]
                   });
}

这段代码的输出是:

Output of the code

由于图像中的 x 轴低于 y 轴的 -ve 个值，那么如何将 x 轴的位置设置为 y 轴的 0 值？

Answer 1

先评论一下。发布不是独立的示例需要更长的时间来解决问题。此链接:http://jsfiddle.net/yLytg398/1/为可以测试的代码提供合理的近似值。

实际上您的代码中已经有了解决方案，valueRange是你需要的。您甚至可以使用 valueRange: [0, null] 来自动计算上限。

更正:我刚刚意识到您实际上想要将带有标签的 x 轴移动到图形的中间，我的解决方案没有解决这个问题，但是对于您的示例图片它仍然有效，因为 valueRange 可以设置下端y 范围为零，因此 x 轴位于 y = 0。