Изменение цвета определенной c панели электронных диаграмм с помощью набора данных и кодирования API - PullRequest
Новая
       88

Изменение цвета определенной c панели электронных диаграмм с помощью набора данных и кодирования API

0 голосов
/ 13 июля 2020

У меня есть гистограмма, сделанная с помощью электронных диаграмм в Angular (ngx-echarts), с использованием API набора данных + кодирования: 

const options: EChartOption = {
  tooltip: {},
  dataset: {source: dataSource},
  xAxis: {
    name: xAxisLabel,
    nameLocation: 'middle',
    nameGap: 22,
  },
  yAxis: {
    name: yAxisLabel,
    nameLocation: 'middle',
    nameGap: 25,
  },
  series: [{
    name: field.label,
    type: 'bar',
    encode: {x: xDataField, y: yDataField},
  }],
};

Я хочу выделить конкретную полосу c, сделав это красный, остальные серые. Я понимаю, что это можно было бы легко сделать, если бы я объявил каждую точку данных индивидуально: 

series: [{
    data: [
        {
            value: 120,
            itemStyle: {color: 'grey'},
        },
        {
            value: 200,
            itemStyle: {color: 'red'},
        },
        {
            value: 150,
            itemStyle: {color: 'grey'},
        }
    ],
    type: 'bar'
}],

Но, если возможно, я бы хотел избежать этого и придерживаться API набора данных + кодирования. Есть ли способ обратиться к отдельной панели и изменить ее цвет или выделить ее по умолчанию?

1 Ответ

0 голосов
/ 19 июля 2020

Я думаю, вы можете сделать это внутри набора данных следующим образом:

набор данных: {источник: [{категория: 'что угодно', значение: this.object, itemStyle: {color: '# e67345' }}, .....]

...