如何使我的坐标轴系列与 highcharts 宽度一样正常?

m0rkklqb  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(162)

如何使我的图形看起来正常。我搜索了,但我没有找到任何相关的结果。请帮助我。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',
    },
  },
],

相关问题