Текст в SVG. Svg path

Добрый день это svg картинка в схеме как вывести какой-то текст в эти 6-тиугольн. (пример знач1, под ним знач2, и еще под ним статичный текст) и вот вылезло при наведении max value… как к этому добавить еще больше данных(например max value под ним город)?

photo_AQADqPMxG_As8Et9.jpg

Это svg path. Сделайте его не самозакрывающимся тегом а обычным и внутри расположите теги типа text, столько сколько нужно. Каждый хранит название соты или значение межи.

а если какие-то данные подгружаются из куба

и еще, не знаю может быть есть уже эта функция, но если нет добавьте возможность удаления этих файлов, а то такими темпами их будет очень много(сейчас могу только добавлять а удалять не нужные нет)

Пропишите слово ресурсы и сможете удалить ненужное

image.png

вместо 350, номер вашего атласа.

Невозможно гибко, красиво и динамически разместить потенциально длинные названия значений строкового дименшна внутри произвольной фигуры svg. А вот значения меж из куба можно. Кажется я уже говорил ранее вам как нужно размечать этот svg

ну например что мне писать в (тут данные из бд, это другие данные) если measures=v я так понимаю идет для цвета?

А что за значение у вас после id_mo=?

делаю как тут,наверное строка

И раз

и два (тут только один пример вывел)

{
  url: 'res:honeycomb.svg',
  frame: {
    h: 5,
    w: 8,
    x: 0,
    y: 0,
  },
  display: {
    _range: [
      100,
      500000,
    ],
    tooltip: {
      content: {
        vizel: {
          width: '200px',
          height: '200px',
          dataSource: {
            koob: 'mapKoob.mapKoob',
            style: {},
            xAxis: 'measures',
            measures: [
              'sum(val):v',
              'avg(val):a_v',
            ],
            dimensions: [
              'region_id',
            ],
          },
          view_class: '1I1.line',
        },
        selected: 'vizel',
      },
      visible: true,
    },
    _tooltip: {
      content: {
        html: 'html:<b>бла-бла <br> %x <br> %v <br> %percent %marker</b>',
        selected: 'html',
      },
      visible: true,
    },
  },
  options: [
    'HideTopBarMenu',
    'DisplayBadgesPercent',
    'DisplayAllBadges',
  ],
  stoplight: {
    lights: [
      {
        name: 'red',
        color: '#cc78a3',
        limit: [
          -Infinity,
          75000,
        ],
        bgColor: '#cc78a3',
      },
      {
        name: 'grey',
        color: 'rgba(66,38,149,1)',
        limit: [
          75001,
          90000,
        ],
        bgColor: '#b3b3b3',
      },
      {
        name: 'green',
        color: '#4ca1a9',
        limit: [
          90001,
          Infinity,
        ],
        bgColor: '#4ca1a9',
      },
    ],
  },
  dataSource: {
    koob: 'map_olap_koob.map_olap_koob',
    limit: 0,
    style: {},
    xAxis: 'measures',
    yAxis: 'fo_id',
    measures: [
      'avg(naselenie):v',
    ],
    dimensions: [
      'fo_id',
    ],
  },
  onClickDataPoint: "lpe:navigate('dboard', 20)",
  title: 'Динамика изменения населения по регионам РФ',
  description: null,
  view_class: 'plan',
}

И три

данные для первой строчки и для цвета настоящие. число берется из v, цвет - из stoplight правил для текущего v.
v2 указан для процентов, но я его не завел, забыл. Но ничего, вручную что-то подобное можно сделать.

Основная работа - создать разметку data-id path, разместить в самом низу кучу копий тегов g с текстом внутри и заменить там все на актуальные значения дименшна и межи. Разметка там тоже есть, чтобы число подхватывать.
И так как картинка из интернетов - надо убрать в svg блок style с цветом по дефолту - иначе он перебьет динамический

Вот по аналогии с таким svg и размечайте