如何解决AMCharts-堆积的柱状图差距
我在图表中使用amchart.js,我希望有一个堆积的柱状图,但不幸的是,我所依赖的数据存在差距,而且AMCharts似乎无法正确处理它。
是否有要使用的配置选项,还是必须“清除”间隙? (是否为每个轴填充空值?)
我在这里举了一个例子:https://codepen.io/erwan75/pen/eYZWmza
/**
* ---------------------------------------
* This demo was created using amCharts 4.
*
* For more information visit:
* https://www.amcharts.com/
*
* Documentation is available at:
* https://www.amcharts.com/docs/v4/
* ---------------------------------------
*/
// Use themes
am4core.useTheme(am4themes_animated);
// Create chart instance
var chart = am4core.create("chartdiv",am4charts.XYChart);
chart.paddingRight = 20;
// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.minGridDistance = 50;
dateAxis.renderer.grid.template.location = 0.5;
dateAxis.startLocation = 0.5;
dateAxis.endLocation = 0.5;
// Create value axis
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
// Create series
var series1 = chart.series.push(new am4charts.ColumnSeries());
series1.dataFields.valueY = "value";
series1.dataFields.dateX = "date";
series1.strokeWidth = 3;
series1.tensionX = 0.8;
series1.stacked = true;
series1.bullets.push(new am4charts.CircleBullet());
series1.data = [{
"date": new Date(2018,3,20),"value": 90
},{
"date": new Date(2018,23),"value": 125
},26),"value": 77
},28),"value": 113
}];
var series2 = chart.series.push(new am4charts.ColumnSeries());
series2.dataFields.valueY = "value";
series2.dataFields.dateX = "date";
series2.strokeWidth = 3;
series2.tensionX = 0.8;
series2.stacked = true;
series2.bullets.push(new am4charts.CircleBullet());
series2.data = [{
"date": new Date(2018,22),"value": 101
},"value": 79
},25),"value": 20
},"value": 115
}];
感谢您的帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。