Этикетка для пирога Highcharts - PullRequest
Новая
       85

Этикетка для пирога Highcharts

0 голосов
/ 29 ноября 2018

Как я могу сделать один ярлык для каждой серии?что-то вроде в img.

enter image description here

1 Ответ

0 голосов
/ 04 декабря 2018

Лучшим вариантом для создания этих меток является использование функции рендеринга: 

function renderLabel(chart) {

  chart.labelsGroup = chart.renderer.g("labelsGroup").attr({
    zIndex: 100
  }).add();
  chart.series.forEach((series, i) => {
    chart.labelGroup = chart.renderer.g("labelGroup").attr({
      zIndex: 100
    }).add(chart.labelsGroup);

    chart.label = chart.renderer.label(
        series.name,
        chart.plotSizeX / 2 + chart.plotLeft - series.data[0].shapeArgs.r + (series.data[0].shapeArgs.r - series.data[0].shapeArgs.innerR) / 2,
        (chart.plotHeight) / 2 + chart.plotTop)
      .css({
        color: '#FFFFFF',
        zIndex: 999,
      })
      .attr({
        align: 'center',
        padding: 0,
        zIndex: 999,
      }).add(chart.labelGroup)
    let height = chart.label.getBBox().height;
    chart.labelGroup.translate(null, -height / 2)
  })
}

и использование события рендеринга для его перерисовки при изменении размера окна API

Проверкаэтот пример: DEMO

...