文档章节

ECharts 2.0 Pie图中心显示百分比

l
 lpcstudy
发布于 2016/04/28 15:28
字数 128
阅读 101
收藏 0

option = {
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient : 'horizontal',
        x : 'left',
        data:['直接访问','搜索引擎']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {
                show: true,
                type: ['pie'],
            },
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true, //饼图内外层圈线,显示与否
    series : [
        {
            name:'访问来源',
            type:'pie',
            radius : ['50%', '70%'],
            itemStyle : {
                normal : {
                    label: {
                         show:true,
                         formatter:function (params){
                               if(params.dataIndex ==0)
                                   return  params.percent + '%\n'
                             },
                         position:'center'
                    }, //百分比中心显示

                    labelLine : {
                        show : false
                    }
                }           
            },
            data:[
               {value:355,name:'直接访问'},
               {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};



© 著作权归作者所有

l
粉丝 0
博文 1
码字总数 128
作品 0
松江
私信 提问
echarts饼状图在ie不显示,在google浏览器上是显示的,如何解决?急急急

代码如下,求大神解答!!!

半途而废之
2016/03/22
1K
2
ECharts 简单的使用过程,完美的图形展示

最近开发项目时要做图形报表,网上找了些东西,还是觉得ECharts靠谱,具备诸多优点,功能强大,图表完美,兼容性也比较好,基于html5动画渲染。 官网的demo中是写得比较全了,但很多用不到的...

kevin小当家
2015/08/07
545
0
echarts为什么在ie7和ie8下显示图片不全

如图所以 一个是在chrome下能正常显示 一个是在ie7或者ie8下的残缺显示 请问怎么破? 先上option吧 function createPieChart(str,name,num,type) { require.config({ paths: { 'echarts': 'e......

cclady
2014/06/05
4.3K
11
ECharts - Java 类库 1.0.0 发布

这是一个针对 ECharts 2.0 版本的Java类库,实现了所有ECharts中的Json结构对应的Java对象,并且可以很方便的创建Option 本项目是一个供Java开发使用的ECharts的开发包,主要目的是方便在Jav...

Liuzh_533
2014/09/19
6.1K
24
jquery中报Uncaught TypeError: pie is not a function错误

$(function(){ var name = new Array(); var value=new Array(); var count = new Array(); $.post( "BaseAction/SheetAction/ContributeSheetPie", function(data) { name=data.name; value......

路人丁语
2015/10/19
2.2K
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
12
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
22
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
17
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
29
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部