Version
5.5.1
Link to Minimal Reproduction
https://codepen.io/Srikanth-Sangana/pen/vYqwaxK
Steps to Reproduce
Created a chart using the options below, following the dataset approach:
var dom = document.getElementById('chart-container');
var myChart = echarts.init(dom, null, {
renderer: 'canvas',
useDirtyRect: false
});
var app = {};
var option;
option = {
textStyle: {
fontFamily: 'OpenSans-Regular'
},
grid: {
left: 74,
right: 6,
bottom: 58,
top: 50,
containLabel: true
},
visualMap: {
type: 'piecewise',
pieces: [
{ gt: 0, lte: 2000, color: '#93CE07' },
{ gt: 2001, lte: 2500, color: '#FBDB0F' },
{ gt: 2501, color: '#FD0100' }
],
outOfRange: {
color: ' #808080'
},
seriesIndex: [0, 1]
},
yAxis: {
name: 'Measures',
type: 'value',
min: 0,
max: 4000,
interval: 250
},
series: [
{
type: 'line',
xAxisIndex: 0,
yAxisIndex: 0,
name: 'series_1',
label: {
show: true
},
},
{
type: 'line',
xAxisIndex: 0,
yAxisIndex: 0,
name: 'series_2',
label: {
show: true
},
}
],
dataset: [
{
dimensions: [
'chainname_desc',
'series_1',
'series_2'
],
source: [
{
chain: 'NCC2456',
series_1: 1020,
series_2: 1150,
chainname_desc: 'CHAIN ONE'
},
{
chain: 'NCC3569',
series_1: 2700,
series_2: 2300,
chainname_desc: 'CHAIN TWO'
},
{
chain: 'NCC7845',
series_1: 3500,
series_2: 3100,
chainname_desc: 'CHAIN THREE'
}
]
}
],
legend: {
type: 'scroll',
show: true,
data: ['series_1', 'series_2'],
bottom: 0,
left: 'center',
width: 1130,
},
xAxis: {
data: ['CHAIN ONE', 'CHAIN TWO', 'CHAIN THREE'],
name: 'Chain',
type: 'category',
}
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
window.addEventListener('resize', myChart.resize);
Current Behavior

Currently, the visual map is not applied to all series, even though the seriesIndex includes all the series in the array.
Expected Behavior
The single visual map configuration should apply to multiple series in the dataset approach that we followed.
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
Version
5.5.1
Link to Minimal Reproduction
https://codepen.io/Srikanth-Sangana/pen/vYqwaxK
Steps to Reproduce
Created a chart using the options below, following the dataset approach:
var dom = document.getElementById('chart-container');
var myChart = echarts.init(dom, null, {
renderer: 'canvas',
useDirtyRect: false
});
var app = {};
var option;
option = {
textStyle: {
fontFamily: 'OpenSans-Regular'
},
grid: {
left: 74,
right: 6,
bottom: 58,
top: 50,
containLabel: true
},
visualMap: {
type: 'piecewise',
pieces: [
{ gt: 0, lte: 2000, color: '#93CE07' },
{ gt: 2001, lte: 2500, color: '#FBDB0F' },
{ gt: 2501, color: '#FD0100' }
],
outOfRange: {
color: ' #808080'
},
seriesIndex: [0, 1]
},
yAxis: {
name: 'Measures',
type: 'value',
min: 0,
max: 4000,
interval: 250
},
series: [
{
type: 'line',
xAxisIndex: 0,
yAxisIndex: 0,
name: 'series_1',
label: {
show: true
},
},
{
type: 'line',
xAxisIndex: 0,
yAxisIndex: 0,
name: 'series_2',
label: {
show: true
},
}
],
dataset: [
{
dimensions: [
'chainname_desc',
'series_1',
'series_2'
],
source: [
{
chain: 'NCC2456',
series_1: 1020,
series_2: 1150,
chainname_desc: 'CHAIN ONE'
},
{
chain: 'NCC3569',
series_1: 2700,
series_2: 2300,
chainname_desc: 'CHAIN TWO'
},
{
chain: 'NCC7845',
series_1: 3500,
series_2: 3100,
chainname_desc: 'CHAIN THREE'
}
]
}
],
legend: {
type: 'scroll',
show: true,
data: ['series_1', 'series_2'],
bottom: 0,
left: 'center',
width: 1130,
},
xAxis: {
data: ['CHAIN ONE', 'CHAIN TWO', 'CHAIN THREE'],
name: 'Chain',
type: 'category',
}
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
window.addEventListener('resize', myChart.resize);
Current Behavior
Currently, the visual map is not applied to all series, even though the seriesIndex includes all the series in the array.
Expected Behavior
The single visual map configuration should apply to multiple series in the dataset approach that we followed.
Environment
Any additional comments?
No response