верхняя ширина фиксированной точки не работает, когда серия скрыта - PullRequest
Новая
       78

верхняя ширина фиксированной точки не работает, когда серия скрыта

0 голосов
/ 03 мая 2020

Ожидаемое поведение: ширина полосы / точки должна быть всегда одинаковой даже после показа и скрытия серии

Фактическое поведение: ширина полос не одинакова, средняя полоса сжата.

Демонстрация в реальном времени с шаги для воспроизведения: откройте указанную ниже скрипку и нажмите на серию 2 в условных обозначениях (включение), просмотрите ширину полос, ширина средней полосы не такая, как у других. Я думаю, что highcharts пытается уместить бары в пределах доступной ширины графика. Как я могу убедиться, что бары имеют одинаковую ширину без пробела между ними. Я пробовал с нижеуказанными параметрами pointPadding: 0, borderWidth: 0, shadow: false, pointWidth: 10,

https://jsfiddle.net/rammohanreddy201/mugp32hy/5/

`

Highcharts.chart ('container', {chart: {type: 'column'}, xAxis: {Categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'De c']}, 

plotOptions: {
    series: {
        pointPadding: 0,
        borderWidth: 0,
        shadow: false,
        pointWidth: 10,
         states: {
         inactive: {
           opacity: 1
         },
         hover: {
           enabled: false
         }
            }
    }
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
},
{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    visible: false
},
{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]

}); `Версия продукта 7.x

Подвержены уязвимости браузер (-ы) с chrome, но не зависит от типа браузера

1 Ответ

0 голосов
/ 04 мая 2020

Колонки имеют одинаковую ширину, они просто перекрываются. Если вы хотите показать столбцы целиком, выделите для них больше места, например, установив groupPadding в 0. 

plotOptions: {
  series: {
    pointPadding: 0,
    groupPadding: 0,
    pointWidth: 10,
    ...
  }
}

Демо-версия: https://jsfiddle.net/BlackLabel/knm5xvtd/

Справочник по API: https://api.highcharts.com/highcharts/plotOptions.column.groupPadding

...