如何使我的轴系列与更高的图表宽度一样正常？

Question

如何使我的图形看起来正常。我进行了搜索，但没有找到任何相关结果。请帮帮我。 my graph image

如何使数据代表线条的正常宽度，因为它们太“细”了，还请告诉我如何删除“条”中间的“0%”

我认为由于这些数据，我的图表无法正确显示。但是应该如何传递数据。下面你可以看到我的数据

categories: [
  'Energy',
  'Real Estate',
  'Information Technology',
  'Financials',
  'Healthcare',
  'Consumer Discretionary',
  'Materials',
  'Communication Services',
  'Industrials',
  'Consumer Staples',
  'Utilities',
],
series: [{
    name: 'Energy',
    data: [59.8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
    color: '#385723',
    width: 6,
    dataLabels: {
      color: '#385723',
    },
  }, {
    name: 'Real Estate',
    data: [0, 56.4, 0, 0, 0, 0, 0, 0, 0, 0, 0],
    color: '#385723',
    dataLabels: {
      color: '#385723',
    },
  }, {
    name: 'Information Technology',
    data: [0, 0, 37.1, 0, 0, 0, 0, 0, 0, 0, 0],
    color: '#548235',
    dataLabels: {
      color: '#548235',
    },
  }, {
    name: 'Financials',
    data: [0, 0, 0, 35.1, 0, 0, 0, 0, 0, 0, 0],
    color: '#548235',
    dataLabels: {
      color: '#548235',
    },
  }, {
    name: 'Healthcare',
    data: [0, 0, 0, 0, 26.9, 0, 0, 0, 0, 0, 0],
    color: '#548235',
    dataLabels: {
      color: '#548235',
    },
  }, {
    name: 'Consumer Discretionary',
    data: [0, 0, 0, 0, 0, 21.7, 0, 0, 0, 0, 0],
    color: '#548235',
    dataLabels: {
      color: '#548235',
    },
  }, {
    name: 'Materials',
    data: [0, 0, 0, 0, 0, 0, 13.7, 0, 0, 0, 0],
    color: '#548235',
    dataLabels: {
      color: '#548235',
    },
  }, {
    name: 'Communication Services',
    data: [0, 0, 0, 0, 0, 0, 0, 7.8, 0, 0, 0],
    color: '#A9D18E',
    dataLabels: {
      color: '#A9D18E',
    },
  }, {
    name: 'Industrials',
    data: [0, 0, 0, 0, 0, 0, 0, 0, 6.4, 0, 0],
    color: '#C5E0B4',
    dataLabels: {
      color: '#C5E0B4',
    },
  }, {
    name: 'Consumer Staples',
    data: [0, 0, 0, 0, 0, 0, 0, 0, 0, -1.2, 0],
    color: '#F8CBAD',
    dataLabels: {
      color: '#F8CBAD',
    },
  }, {
    name: 'Utilities',
    data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -2.5],
    color: '#F4B183',
    dataLabels: {
      color: '#F4B183',
    },
  },
],

Answer 1

您需要禁用 grouping:

plotOptions: {
    series: {
        grouping: false
    }
}

现场演示： http://jsfiddle.net/BlackLabel/osvje9uz/

API参考：https://api.highcharts.com/highcharts/plotOptions.bar.grouping

如何使我的轴系列与更高的图表宽度一样正常？

how to make my series of axes as normal as highercharts width?

data-visualization

graph

axes

highcharts

graph-visualization