如何在ChartJS中跳过x轴标签

时间:2019-04-25 20:12:58

标签: javascript typescript chart.js

我为此主题找到的唯一东西是this ,但这并不能真正解决问题。

因此,我有一个图表,其中填充了一些数据,如下所示: ChartJS Example

您会看到未在dataSet中设置的值被切除。这是因为此代码用undefined填充了所有内容:

let dataSet: any = {
   label: user.userName,
   backgroundColor: 'rgba(0, 0, 0, 0)',
   borderColor: this.getRandomColor(),
   data: new Array(this.chart.data.labels.length).fill(undefined)
}

之后,我用以下代码填充数据:

data.forEach((d)=>{
   let tmpDate: Date = new Date(d.date * 1000)
   let insertIndex: number = this.chart.data.labels.indexOf(this.getDateString(tmpDate))
   dataSet.data.splice(insertIndex, 1, d.data) // d.data is a number
})

this.chart.data.datasets.push(dataSet)
this.chart.update()

我希望它跳过未定义的值,并在图表上创建一条平滑的线。

1 个答案:

答案 0 :(得分:0)

docs中的

$urls = ['https://images.somesite.1.jpg', 'https://images.somesite.2.jpg']; $my_save_dir = 'images/'; foreach ($urls as $url) { $ch = curl_init($url_to_image); $filename = basename($url); $complete_save_loc = $my_save_dir . $filename; $fp = fopen($complete_save_loc, 'wb'); curl_setopt($ch, CURLOPT_FILE, $fp); curl_setopt($ch, CURLOPT_HEADER, 0); curl_exec($ch); curl_close($ch); fclose($fp); } 选项应该是您想要的。