如何在Chartist.js中设置XY坐标平面中的点

时间:2019-01-11 01:51:21

标签: javascript chartist.js

使用Chartist.js设置X / Y坐标点的最简单方法是什么?

在下面的示例中,我创建了一个点,但是要设置X值,需要用伪数据填充data.series属性。我认为可能有一种我不知道的更直接的方法。如下所示似乎更有意义:

var data = {    // this does not work, it is just an example
   x:4,
   y:2
}

代码

var options = {
  width: '400px',
  height: '200px'
};


var data = {
  labels: [],
  series: [[null,null,null,null,null,null,null,1]] // All these nulls seem silly!

};


for(var i = 1; i <= 30; i+=1){  // Sets x axis to display 1-30
   data.labels.push(i)
}



new Chartist.Line('.ct-chart', data, options);

结果

enter image description here

我可以创建一个具有指定长度的数组,然后将所需的值推到它的末尾,但是我认为可能是一种更简单的方法。

0 个答案:

没有答案