Комбинированный график. Управление наложением фактов

Добрый день!

Подскажите, можно ли при формировании комбинированного графика (линии+столбики) на передний план вывести столбцы?

Сейчас линия по умолчанию выводится на передний план, но есть задача вывести большое число линий и они перекрывают столбцы, а нужно наоборот.

Из-за деревьев леса не видать!

Приветствую. А можете рассказать практическое применение такой визуализации?

В вопросе, который мы пытаемся решить, ситуация сложнее.
Есть множество линий, которые по смыслу являются подложкой для основных элементов.

Задача была отразить объекты, расположенные на линии, в виде некоторых символов, но как стилизовать отдельные точки графика решения не нашли.

Пример, который пытаемся реализовать:

Чтобы выделить объекты на линии, решили использовать столбцы и стилизовать метки, что бы выглядело как квадраты, и вроде решение нам более менее подходит, но заказчика смущает, что объекты находятся на заднем плане.
Отображение точек на линиях в этом варианте отключено.

Вот так это сейчас выглядит у нас:

Может есть другие варианты, так отобразить отдельные точки графика? Или все таки есть возможность регулировать наслоение объектов?

Добрый день, пришлите пожалуйста JSON-конфигурацию вашего дэша.

Исходя из описания проблемы могу предложить следующий вариант решения проблемы: если линии на заднем фоне у вас всегда находятся в одном положении, то можете сделать картинку с ними и подставить на задний фон дэша, для этого:

  1. Загрузите картинку в ресурсы атласа
  2. В конфиге дэше укажите адрес картинки используя опцию bgImage bgImage:“res:название_картинки.пнг”

{
id: ‘57:0’,
title: ‘Профиль’,
echart: {
yAxis: {
max: ‘dataMax’,
min: ‘dataMin’,
type: ‘value’,
interval: 10,
},
series: {
label: {
color: ‘rgba(0, 0, 0, 1)’,
padding: [
2,
2,
2,
2,
],
distance: 0,
fontSize: 0,
position: ‘bottom’,
borderColor: ‘inherit’,
borderWidth: 3,
backgroundColor: ‘rgba(255, 255, 255, 0.9)’,
},
barWidth: 1,
},
tooltip: {
trigger: ‘item’,
position: ‘top’,
axisPointer: {
type: ‘cross’,
label: {
backgroundColor: ‘#eee’,
},
},
},
},
display: {},
options: [
‘LinesWithoutDots’,
‘ConnectPoints’,
‘!DisplaySplitLines’,
‘DisplayAllBadges’,
‘ActiveTab’,
],
dataSource: {
koob: ‘custom.T9_Profile’,
limit: 0,
style: {
flag: {
‘1000’: {
color: ‘rgba(21,2,55,1)’,
title: ‘’,
vizelType: ‘line’,
},
‘1001’: {
color: ‘rgba(118,0,193,1)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘ShortDash’,
},
‘1002’: {
color: ‘rgba(118,0,193,1)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘ShortDash’,
},
‘1003’: {
color: ‘rgba(147,17,155,1)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘Dash’,
},
‘1004’: {
color: ‘rgba(147,17,155,1)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘Dash’,
},
‘1010’: {
color: ‘rgba(0,65,255,0.9)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘Solid’,
},
‘1011’: {
color: ‘rgba(0,65,255,0.9)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘Solid’,
},
‘1012’: {
color: ‘rgba(0,65,255,0.9)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘Solid’,
},
‘1013’: {
color: ‘rgba(0,65,255,0.9)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘Solid’,
},
‘1014’: {
color: ‘rgba(0,65,255,0.9)’,
title: ‘’,
vizelType: ‘line’,
strokeStyle: ‘Solid’,
},
‘2000’: {
color: ‘rgba(212,39,39,1)’,
title: ‘’,
vizelType: ‘bar’,
},
‘2001’: {
color: ‘rgba(212,39,39,1)’,
title: ‘’,
vizelType: ‘bar’,
},
‘3000’: {
color: ‘rgba(75,75,75,1)’,
title: ‘’,
vizelType: ‘bar’,
},
‘3001’: {
color: ‘rgba(75,75,75,1)’,
title: ‘’,
vizelType: ‘bar’,
},
},
measures: {
max_lines: {
color: ‘rgba(180,40,112,1)’,
title: ‘’,
unit_id: 1003,
vizelType: ‘spline’,
},
},
},
xAxis: ‘;depth’,
yAxis: ‘measures;flag’,
sortBy: ‘’,
filters: {
flag: [
‘!=’,
‘2001’,
‘3001’,
],
},
measures: [
‘max(lines):max_lines’,
],
dimensions: [
‘depth’,
‘flag’,
],
},
view_class: ‘1II.line’,
colorPalette: [
‘rgba(255, 172, 99, 0.15)’,
],
}

Исходя из конфигурации, в данный момент могу только предложить уменьшить opacity у линий, которые должны быть на заднем фоне.

К сожалению, делать линии еще более незаметными нам не подойдет.
Мы бы рассмотрели и другие варианты реализации пожеланий заказчика, но пока идей нет, а этот самый успешный.

А в целом есть (или рассматриваются) такие возможности как расширенная стилизация отдельных типов в комбинированном графике или конкретных точек графика, пока нет планов к реализации?

Есть сложности с данной реализацией. Echart это позволяет это указать в массиве series и указать конкретный индекс, но, в данный момент, в LuxmsBi мы задаем сразу для всех серий опции. Будем обсуждать как можно это реализовать, но, к сожалению, в данный момент, не могу ничего предложить.

Да, это было бы хорошо. Будем ждать, Спасибо!