Как исправить ширину стержня в диаграмме водопада, а также ширину его оси X одной группы.? - PullRequest
Новая
       14

Как исправить ширину стержня в диаграмме водопада, а также ширину его оси X одной группы.?

1 голос
/ 08 апреля 2019

изображение

Я пытаюсь установить фиксированную ширину баров в диаграмме водопада, используя pointWidth, но при этом я не могу увеличить ширину всей группы баров.

Я попробовал это с использованием groupPadding и pointPadding. Это не сильно помогло.

Ниже приведены чартопции, которые я использовал для установки в старших чартах. 

{
    chart: {
      type: "waterfall"
    },
    title: {
      text: "Grouped Waterfall"
    },
    xAxis: {
      categories:['Commission', 'Client Fee', 'Fee', 'Discount', 'Payaway', 'Revenue'],
      crosshair: true
    },

    yAxis: {
      min: 0,
      title: {
        text: 'GWP'
      }
    },
    plotOptions: {
      waterfall: {
        pointWidth: 20,
      }
    },
    series: [
      {
        name: "Tokyo",
        data: [
          { y: 116440000, w: 20 }, 
          { y: 9390000, w: 20 }, 
          { y: 5410000, w: 20 }, 
          { y: -66880000, w: 20 }, 
          { y: -2270000, w: 20 }, 
          { y: 62090000, isSum: true }
        ]
      },
      {
        name: "New York",
        data: [
          { y: 9390000 }, 
          { y: 116440000 }, 
          {  y: -66880000 }, 
          { y: 5410000 }, 
          { y: -2270000 }, 
          { isSum: true, y: 62090000 }
        ]
      },
      {
        name: "London",
        data: [
          { y: 116440000 }, 
          { y: 9390000 }, 
          { y: 5410000 }, 
          { y: -66880000 }, 
          { y: -2270000 }, 
          { isSum: true, y: 62090000 }
        ]
      },
    ]
  }

1 Ответ

0 голосов
/ 08 апреля 2019

Вы можете использовать опцию pointWidth для отдельной точки данных: 

series: [{
    ...,
    data: [{
        y: 116440000,
        pointWidth: 20
    }, ... ]
}]

Живая демоверсия: http://jsfiddle.net/BlackLabel/c0yxh432/

Справочник по API: https://api.highcharts.com/highcharts/series.column.data.pointWidth

...