如何在 highcharts 中将条形图和数据组合成表格

bis0qfac  于 2022-11-10  发布在  Highcharts
关注(0)|答案(2)|浏览(125)

因此,我想创建一个图表,其中有数据分组和单独的计数显示在轴下。这是可能的
enter image description here

ilmyapht

ilmyapht1#

是的,这是可能的。下面是HighChart文档中的一个组合条形图示例:Doc Link

xv8emn3q

xv8emn3q2#

尝试使用xAxis上的xAxis.labels.formatter编辑标签,如在此example

xAxis: {
    type: 'category',
    max: 4,
    labels: {
      useHTML: true,
      animate: true,
      formatter: ctx => {
        let flag;

        countries.forEach(function(country) {
          if (country.name === ctx.value) {
            flag = country.flag;
          }
        });

        return `${flag.toUpperCase()}<br><span class="f32">
                    <span class="flag ${flag}"></span>
                </span>`;
      },
      style: {
        textAlign: 'center'
      }
    }
  },

演示:https://jsfiddle.net/BlackLabel/szxm8423/2/

相关问题