我有一个使用如下创建的数据的折线图:
for (var i = 1; i < 366; i++) {
visits += Math.round((Math.random() < 0.5 ? 1 : -1) * Math.random() * 10);
data.push({ date: new Date(2018, 0, i), value: visits });
}
其余选项集如下:
__this._chart.data = data;
var dateAxis = __this._chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.grid.template.location = 0;
dateAxis.renderer.axisFills.template.disabled = true;
dateAxis.renderer.ticks.template.disabled = true;
var valueAxis = __this._chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.tooltip.disabled = true;
valueAxis.renderer.minWidth = 35;
valueAxis.renderer.axisFills.template.disabled = true;
valueAxis.renderer.ticks.template.disabled = true;
var series = __this._chart.series.push(new am4charts.LineSeries());
series.dataFields.dateX = "date";
series.dataFields.valueY = "value";
这将为全年绘制一条随机线,并且可以正常工作。
我们不想每天显示,我们希望显示每月数据。因此,我得到的数据在处理后会以以下形式显示:
{
category: Mon Oct 31 2016 20:00:00 GMT-0400 (Eastern Daylight Time)
column-1: 50
}
其中只有9个,它们的有效期至2019年1月,因此数据点之间会有巨大的差距。类别的对象名称与日期不同,但我将系列的日期设置为dateX =“ category”。
所以我的问题是,折线图可以用来做每月的数据吗?
如果是这样,我如何使其工作?我使用其余选项与正在执行的测试完全相同,只是更改了系列的dateX和valueY的值。