echarts圆饼图设置默认选中项并在中间显示文字

Bertha 。 2023-08-17 15:38 132阅读 0赞

效果：![911071-20190919145009095-1066376304.png][]

代码：

// 当鼠标移入时，如果不是第一项，则把当前项置为选中，如果是第一项，则设置第一项为当前项

myChart.on('mouseover',function(e)\{

myChart.dispatchAction(\{type: 'downplay',seriesIndex: 0,dataIndex:0\});

if(e.dataIndex != index)\{

myChart.dispatchAction(\{type: 'downplay', seriesIndex: 0, dataIndex: index \});

if(e.dataIndex == 0)\{

myChart.dispatchAction(\{type: 'highlight',seriesIndex: 0,dataIndex:e.dataIndex\});

\});

//当鼠标离开时，把当前项置为选中 
        myChart.on('mouseout',function(e){
            index = e.dataIndex;
            myChart.dispatchAction({type: 'highlight',seriesIndex: 0,dataIndex: e.dataIndex});    
        });

转载于:https://www.cnblogs.com/javascripter/p/11549666.html

[911071-20190919145009095-1066376304.png]: /images/20230810/d06a561bd8a444c097b8daf9b29d33c2.png

echarts圆饼图设置默认选中项并在中间显示文字

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 echarts圆饼图设置默认选中项并在中间显示文字

相关 echarts 饼图默认高亮，选中任意选项离开后再次高亮，中心区显示选中的数据

相关 echart 圆饼图显示单位_ajax请求echarts圆饼图动态显示数据方法

相关 echarts饼图显示比例

相关 Echarts - 饼状图圆环中部添加自定义文字

相关修改echarts饼图悬停默认字体大小

相关在自定义的圆里中间写入文字

相关 echarts饼图label字体颜色设置并且居中显示

相关 Echarts饼图配置、样式详解二、图形中间文字、图形旁边文字上下显示等

相关 echarts 饼图(圆环、南丁格尔图)