Рендеринг заголовка с динамическим HTML в верхних чартах

Question

Я должен добавить число в поле за диаграммой.Примерно так

Вот это Скрипка

Вот мой код

  title: {
    text: title,
    align: 'left',
    x: 10,
    style: {
      color: '#000000',
      fontSize: '20px',
      fontWeight: '600',
      lineHeight: '29px'
    },
  },
  subtitle: {
    text: subtitle,
    align: 'left',
    x: 10,
    style: {
      color: '#4A4A4A',
      fontSize: '14px',

    },
    y: 50,
  },

Как я могу это сделать?

Answer 1

Вы можете добавить текст, используя Highcharts.SVGRenderer.text.Проверьте код и демоверсию, размещенную ниже.

Код:

  chart: {
    type: 'areaspline',
    width: 300,
    height: 275,
    events: {
      load: function() {
        var chart = this,
          number = 853;

        chart.renderer.text(number, 50, 70)
          .css({
            color: '#8b8bff',
            fontSize: 26,
            fontWeight: 'bold'
          })
          .add()
          .toFront();
      }
    }
  }

Демо:

• http://jsfiddle.net/BlackLabel/kqay3e7g/1/

Ссылка API:

• https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#text