Добрый день это svg картинка в схеме как вывести какой-то текст в эти 6-тиугольн. (пример знач1, под ним знач2, и еще под ним статичный текст) и вот вылезло при наведении max value… как к этому добавить еще больше данных(например max value под ним город)?
Это svg path. Сделайте его не самозакрывающимся тегом а обычным и внутри расположите теги типа text, столько сколько нужно. Каждый хранит название соты или значение межи.
а если какие-то данные подгружаются из куба
и еще, не знаю может быть есть уже эта функция, но если нет добавьте возможность удаления этих файлов, а то такими темпами их будет очень много(сейчас могу только добавлять а удалять не нужные нет)
Пропишите слово ресурсы и сможете удалить ненужное
вместо 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 и размечайте