reactjs - highchart（stockchart）滚动条中的堆积列

Question

在 highchart 中的 stockchart 中，是否可以显示与主图表相同的滚动条图表。

现有： 需要：

标签： reactjshighchartsstacked-chart

Answer 1

您需要使用showInNavigator属性在导航器中显示其他系列，并在导航器中启用stacking该系列。

plotOptions: {
  series: {
    stacking: 'normal',
    showInNavigator: true
  }
},
series: [{
  data: [...]
}, {
  data: [...]
}, {
  data: [...]
}],
navigator: {
  series: {
    stacking: 'normal',
    type: 'column'
  }
}

---

现场演示：http: //jsfiddle.net/BlackLabel/6m4e8x0y/4951/

API参考：

https://api.highcharts.com/highstock/series.column.showInNavigator

https://api.highcharts.com/highstock/navigator.series