JavaScript
const seriesName = 'A Series name';
option = {
legend: {
show: true,
data: ['A Series name', 'B Series name',
'C Series name', 'D Series name',
'E Series name', 'F Series name',
'G Series name', 'H Series name',
'I Series name', 'J Series name',
'K Series name', 'L Series name',
'M Series name', 'N Series name',
'O Series name', 'P Series name',
],
selector: true,
// left: '10%',
// right: '10%',
},
tooltip: {
show: true,
trigger: 'axis'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
name: seriesName,
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
},
{
name: 'B Series name',
type: 'line'
},
{
name: 'C Series name',
type: 'line'
},
{
name: 'D Series name',
type: 'line'
},
{
name: 'E Series name',
type: 'line'
},
{
name: 'F Series name',
type: 'line'
},
{
name: 'G Series name',
type: 'line'
},
{
name: 'H Series name',
type: 'line'
},
{
name: 'I Series name',
type: 'line'
},
{
name: 'J Series name',
type: 'line'
},
{
name: 'K Series name',
type: 'line'
},
{
name: 'L Series name',
type: 'line'
},
{
name: 'M Series name',
type: 'line'
},
{
name: 'N Series name',
type: 'line'
},
{
name: 'O Series name',
type: 'line'
},
{
name: 'P Series name',
type: 'line'
},
]
};
const chart = echarts.init(document.getElementById('themeChart'))
chart.setOption(option)