AMCharts-无法获得绘制线图

时间:2018-12-20 20:50:33

标签: amcharts

我有一个使用如下创建的数据的折线图:

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的值。

0 个答案:

没有答案