Question

我将使用highcharts准备堆积柱形图报告。问题是我的数据类型不同。

你能帮我创建一个像图像的图表吗？请

Answer 1

您可以使用Highboard中的Stacked Group通过正确处理数据部分来实现此目的。

在这里，我尝试根据您的需要构建相同的图表。您可以处理图例和其他图表。

这应该对你有所帮助。我还创建了小提琴演示，您可以使用下面的链接访问。

Highcharts.chart('container', {

  chart: {
    type: 'column'
  },

  title: {
    text: ''
  },
  
  legend: {
    enabled: false
  },

  xAxis: {
    categories: [
      ['19603', '19666'], '19603', '19603'
    ]
  },

  yAxis: {
    title: {
      text: 'Good or Bad'
    }
  },

  plotOptions: {
    column: {
      stacking: 'percent'
    }
  },

  series: [{
    name: 'Jane',
    data: [244, 23, 4],
    stack: '19603'
  }, {
    name: 'John',
    data: [306, 522, 546],
    stack: '19603'
  }, {
    name: 'Jane',
    data: [376],
    stack: 'female'
  }, {
    name: 'Janet',
    data: [174],
    stack: 'female'
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

在highcharts示例中堆叠组列图表

1 个答案: