echarts 默认显示图例_echarts图例组件点击显示功能(默认功能点击消失)

var myChart = echarts.init(document.getElementById(‘main‘));

var option = {

title: {

text: ‘折线图堆叠‘

tooltip: {

trigger: ‘axis‘

legend: {

data:[‘邮件营销‘,‘联盟广告‘,‘视频广告‘,‘直接访问‘,‘搜索引擎‘]

grid: {

left: ‘3%‘,

right: ‘4%‘,

bottom: ‘3%‘,

containLabel: true

toolbox: {

feature: {

saveAsImage: {}

}

xAxis: {

type: ‘category‘,

boundaryGap: false,

data: [‘周一‘,‘周二‘,‘周三‘,‘周四‘,‘周五‘,‘周六‘,‘周日‘]

yAxis: {

type: ‘value‘

series: [

{

name:‘邮件营销‘,

type:‘line‘,

stack: ‘总量‘,

data:[120, 132, 101, 134, 90, 230, 210]

{

name:‘联盟广告‘,

type:‘line‘,

stack: ‘总量‘,

data:[220, 182, 191, 234, 290, 330, 310]

{

name:‘视频广告‘,

type:‘line‘,

stack: ‘总量‘,

data:[150, 232, 201, 154, 190, 330, 410]

{

name:‘直接访问‘,

type:‘line‘,

stack: ‘总量‘,

data:[320, 332, 301, 334, 390, 330, 320]

{

name:‘搜索引擎‘,

type:‘line‘,

stack: ‘总量‘,

data:[820, 932, 901, 934, 1290, 1330, 1320]

}

]

};

myChart.setOption(option);

myChart.on(‘legendselectchanged‘, function (params) {

let option = this.getOption();

let select_key = Object.keys(params.selected);

if (!params.selected[params.name]) {

select_key.map(res => {

option.legend[0].selected[res] = !params.selected[res];

});

} else {

select_key.map(res => {

option.legend[0].selected[res] = false;

});

option.legend[0].selected[params.name] = true;

}

this.setOption(option)

});

echarts 默认显示图例_echarts图例组件点击显示功能(默认功能点击消失)相关推荐

echarts中toolbox位置_ECharts工具栏组件（toolbox）
toolbox 在 ECharts 图表的工具栏(toolbox)中,有五个内置的工具,分别是:导出图片,数据视图,动态类型切换,数据区域缩放以及配置项还原,这五个工具的配置在 feature 属性中 ...
如任让Echarts默认显示全部的数据(x轴(时间轴)默认显示查询到的所有数据)
Echarts绘制折线图,有时候会用到时间轴,但是有时候时间轴默认显示的是部分数据,而不是全部的数据, 当客户要求默认显示全部的数据的时候,就可以使用下面的方法,把dataZoom属性的startVa ...
MIUI打开相册怎么默认显示全部照片_小米手机让相册默认展示所有图片怎么设置？
问题:怎么可以将相册默认显示的图片,设置为显示所有呢? MIUI打开相册怎么默认显示全部照片? 小米k40,发现打开相册默认不显示全部照片,每次截图录屏后都不直接显示在照片里,得手动点到全部照片,很不 ...
echarts柱状图显示百分比_Echarts 饼状图显示信息,内容,值,百分比都显示的代码更改图例等问题汇总...
增加了显示比例,显示内容显示比例代码显示完整代码: series: [{name:'访问来源',type:'pie',radius: ['50%', '70%'],avoidLabelOverlap ...
WPF DatePicker默认显示当前日期,格式化为年月日（转）
WPF DatePicker默认显示当前日期,格式化为年月日 2018年08月08日 11:23:00 weixin_33922670 阅读数:253 原文:WPF DatePicker默认显示当前日 ...
echarts的legend显示不全_Echarts【1、数据过多导致显示不全分页，2、数据展示探讨分析】...
var len=; var dataZoom_end=null; //为空默认100%所以默认显示5个是能显示下的 if(len >5 ){ var dataZoom_end = (5/len) ...
echarts折线图默认显示最后一个点的数据
echarts折线图默认显示最后一个点的数据想要达到这种效果图如下: 如果你给折线图设置数据显示,那么要不就全部隐藏,要不就全部显示在折线上.实现指定点的显示就需要你自己去处理这个数据了. 方式有两 ...
element-plus分页组件默认显示英文，设置成中文显示。
问题描述: 正常引入后发现分页组件默认显示的是英文,但是我们需要的是中文的. 原因分析: 是因为element-plus组件内部默认使用英语,如果需要其他语言这需要进行多语言设置. 1.0.2-bet ...
echarts bar 控制大小_echarts基本配置参数
网址:https://www.echartsjs.com/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 五分钟 ...

echarts 默认显示图例_echarts图例组件点击显示功能(默认功能点击消失)

echarts 默认显示图例_echarts图例组件点击显示功能(默认功能点击消失)相关推荐

最新文章

热门文章