使用 highchart 在柱形图中获取一系列的系列

大佬教程收集整理的这篇文章主要介绍了使用 highchart 在柱形图中获取一系列的系列，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用 highchart 在柱形图中获取一系列的系列？

我在这里使用的是基本的柱状图示例：

Highchart Example from JSFiddle via HC docs

这对于单个 xAxis 系列很好，但我需要一个像这样具有双重分组的：

我有以下 HC 脚本代码：

Highcharts.chart('container',{
    chart: {
        type: 'column'
    },title: {
        text: 'Monthly Average Rainfall'
    },subtitle: {
        text: 'source: Worldclimate.com'
    },xAxis: {
        categorIEs: [
            ['Jan','2020'],['Feb','2020']
        ],crosshair: true
    },yAxis: {
        min: 0,title: {
            text: 'Rainfall (mm)'
        }
    },tooltip: {
        headerFormat: '<span style="Font-size:10px">{point.key}</span><table>',pointFormat: '<tr><td style="color:{serIEs.color};padding:0">{serIEs.namE}: </td>' +
            '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',footerFormat: '</table>',shared: true,useHTML: true
    },plotoptions: {
        column: {
            pointpadding: 0.2,borderWIDth: 0
        }
    },serIEs: [{
        name: 'Tokyo',data: [[49.9,2020],[71.5,2020]]

    },{
        name: 'New York',data: [[83.6,[78.8,2020]]

    }]
});

我需要找到一种方法来完成这项工作。我可以使用其他 Js 图表库，如果它们会更容易一些，因为我正在调查其中的一堆。

解决方法

Highcharts.chart('container',{
  chart: {
    type: "column"
  },series: [{
    data: [4,14,18,5,6,5]
  },{
    data: [4,5].reverse()
  }],xAxis: {
    categories: [{
      name: "2020",categories: ["Apple","Banana","Orange"]
    },{
      name: "2021",categories: ["Carrot","Potato","Tomato"]
    }]
  }
});

大佬总结

以上是大佬教程为你收集整理的使用 highchart 在柱形图中获取一系列的系列全部内容，希望文章能够帮你解决使用 highchart 在柱形图中获取一系列的系列所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。