Javascript 在amCharts v4中将序列推入XYChartScrollbar后,它将不可见

Javascript 在amCharts v4中将序列推入XYChartScrollbar后,它将不可见,javascript,amcharts,amcharts4,Javascript,Amcharts,Amcharts4,我想有一个滚动条,里面有一个分类轴,它与一个图表的分类轴相同。 我注意到当我推动轴时,网格就不可见了。数据系列也会出现同样的问题。 即:注释以下行时: const scroll_series = scroller.scrollbarChart.series.push(series1); 示例如下: window.onload=()=>{ //创建图表实例 chart=am4core.create(“chartdiv”,am4charts.XYChart); chart.data=[ { 日期:

我想有一个滚动条,里面有一个分类轴,它与一个图表的分类轴相同。 我注意到当我推动轴时,网格就不可见了。数据系列也会出现同样的问题。 即:注释以下行时:

const scroll_series = scroller.scrollbarChart.series.push(series1);
示例如下:

window.onload=()=>{
//创建图表实例
chart=am4core.create(“chartdiv”,am4charts.XYChart);
chart.data=[
{
日期:“2012-01-01”,
数值:8
},
{
日期:“2012-01-02”,
数值:10
},
{
日期:“2012-01-03”,
价值:12
},
{
日期:“2012-01-04”,
价值:14
},
{
日期:“2012-01-05”,
价值:11
},
{
日期:“2012-01-06”,
价值:6
},
{
日期:“2012-01-07”,
价值:7
},
{
日期:“2012-01-08”,
数值:9
},
{
日期:“2012-01-09”,
价值:13
},
{
日期:“2012-01-10”,
价值:15
},
{
日期:“2012-01-11”,
颜色:#CC0000“,
价值:19
},
{
日期:“2012-01-12”,
价值:21
},
{
日期:“2012-01-13”,
价值:22
},
{
日期:“2012-01-14”,
价值:20
},
{
日期:“2012-01-15”,
价值:18
},
{
日期:“2012-01-16”,
价值:14
},
{
日期:“2012-01-17”,
价值:16
},
{
日期:“2012-01-18”,
价值:18
},
{
日期:“2012-01-19”,
价值:17
},
{
日期:“2012-01-20”,
价值:15
},
{
日期:“2012-01-21”,
价值:12
},
{
日期:“2012-01-22”,
数值:10
},
{
日期:“2012-01-23”,
数值:8
}
];
//创建轴
const dateAxis=chart.xAxes.push(新的am4charts.CategoryAxis());
dateAxis.dataFields.category=“日期”;
dateAxis.renderer.grid.template.disabled=false;
dateAxis.fontSize=22;
//价值轴
const valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
valueAxis.renderer.grid.template.disabled=false;
valueAxis.renderer.line.strokeOpacity=0.3;
valueAxis.renderer.line.strokeWidth=2;
valueAxis.renderer.line.stroke=am4core.color(“rgba(255,255,255,0.4)”;
//创建系列
const series1=chart.series.push(新的am4charts.LineSeries());
series1.dataFields.valueY=“value”;
series1.dataFields.categoryX=“日期”;
系列1.strokeWidth=4;
序列1.strokeOpacity=1;
//卷轴
const scroller=new am4charts.XYChartScrollbar();
chart.scrollbarX=滚动条;
const scroll_series=scroller.scrollbarChart.series.push(series1);
};

您不应该将序列推入XYChartScrollbar.scrollbarChart对象,而是直接推入XYChartScrollbar。然后,如果要仅显示轴标签,可以将序列设置为不可见

而不是行:

const scroll_series = scroller.scrollbarChart.series.push(series1);
你应该:

const scroller_series = scroller.series.push(series1);
scroller.scrollbarChart.plotContainer.visible = false;

您不应该将序列推入XYChartScrollbar.scrollbarChart对象,而是直接推入XYChartScrollbar。然后,如果要仅显示轴标签,可以将序列设置为不可见

而不是行:

const scroll_series = scroller.scrollbarChart.series.push(series1);
你应该:

const scroller_series = scroller.series.push(series1);
scroller.scrollbarChart.plotContainer.visible = false;