AMCharts-堆积的柱状图差距

问题描述

我在图表中使用amchart.js,我希望有一个堆积的柱状图,但不幸的是,我所依赖的数据存在差距,而且AMCharts似乎无法正确处理它。

gaps

是否有要使用的配置选项,还是必须“清除”间隙? (是否为每个轴填充空值?)

在这里举了一个例子:https://codepen.io/erwan75/pen/eYZWmza

    /**
 * ---------------------------------------
 * This demo was created using amCharts 4.
 *
 * For more @R_749_4045@ion 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 (将#修改为@)