highcharts 如何合并柱形图和柱形图

ukxgm1gy 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(264)

我有一个问题关于结合柱和staked酒吧react highchart，它是类似于这个链接的答案：Highchart combination chart with stacked column
但我想将上面的列更改为水平的堆叠条形图。当我将defaultColumnSeries更改为

var defaultColumnSeries = {
  type: 'bar',
  stacking: 'normal',
  dataLabels: {
    enabled: true,
    style: {
      fontSize: '9px'
    }
  },
  showInLegend: false,
  groupPadding: 0.1,
  yAxis: 1,
  xAxis: 1
}

然后所有的列也变成水平的，这不是我想要的。2我想保持下面的列垂直和上面的堆叠栏水平。3我应该怎么做才能实现它呢？

highcharts

来源：https://stackoverflow.com/questions/72783243/how-to-combine-column-and-staked-bar-highchart

1条答案

按热度按时间

uplii1fm1#

使用bar序列类型会启用chart.inverted选项，这样就无法在同一个图表上使用column和bar序列类型。作为解决方案，您可以创建另一个图表，并将其放在另一个图表的顶部。

Highcharts.chart('container', {
    ...
});

Highcharts.chart('container2', {
    chart: {
        height: 100,
        backgroundColor: 'transparent'
    },
    title: {
        text: ''
    },
    credits: {
        enabled: false
    },
    yAxis: {
        visible: false
    },
    xAxis: {
        visible: false
    },
    ...
});

现场演示：https://jsfiddle.net/BlackLabel/k3z5opvr/
API引用：https://api.highcharts.com/highcharts/chart.inverted
Github问题：https://github.com/highcharts/highcharts/issues/13363

赞(0）回复(0）举报 2022-11-10

我来回答

highcharts 如何合并柱形图和柱形图

1条答案

相关问题

热门标签

最新问答