由于所有图例都取消选中后,图中就没有数据了,就只剩两个坐标轴,所以才有了至少选中一个图例的需求。
监听选中图例事件,在选中时判断选中的还有几个,若选中少于一个(selected中有图例的选中状态,选中为true,取消选中为false),就代码触发一次选中,参考代码如下:
this.chart.on('legendselectchanged', function (param) {
var selected = [];
for (var key in param.selected) {
if (param.selected[key]) {
selected.push(key);
if (selected.length < 1) {
this.chart.dispatchAction({
type: 'legendSelect',
name: param.name
一、echarts的图例二、this.chart.on('legendselectchanged', function (param) { var selected = []; for (var key in param.selected) { if (param.selected[key]) { selected.push(key); } } if (selected.length < 1) {.
本来想写echarts初始化函数的,但最近因为要写一个地图与柱状图的混合方式,也就是每个省的地图上要有柱状图显示。于是仔细使用了一下地图。
1、地图的一些基本属性就不介绍了,还是那些style
2、地图数据的获取以及Series的加载和其他没有什么大的差异。地图数据都在map.js中,都可以自己看,也可以自己根据格式获取响应的数据。
这里主要想处理的是图例颜色与地图底图颜色怎么设置的问题。
1、图例的颜色代码
refresh: function (newOption) {
if (newOption) {
this.option = newOption || this.opti
this.myChart.off('
legendselectchanged');
this.myChart.on('
legendselectchanged', function (params) {
console.log(params);
可以调用前先解绑
react.js 使用Echarts 实现点击选中图例时候最多只能选两个,最少不得少于一个
1.安装echarts-for-react插件
npm install --save echarts-for-react
import ReactEcharts from 'echarts-for-react';
getShadow() {
const {
consolidatStatements: { Trend },
} = this.props;
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表...