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。

如何在dygraph中更改x轴位置？

1 个答案: