码迷,mamicode.com
首页 > 其他好文 > 详细

图表插件使用汇总(echarts,highchairts)

时间:2016-07-07 19:38:49      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

1、echarts之饼图显示数字

option={
    title: {
        text: 某站点用户访问来源,
        subtext: 纯属虚构,
        x: center
    },
    tooltip: {
        trigger: item,
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: vertical,
        x: left,
        data: [
            直接访问,
            邮件营销,
            联盟广告,
            视频广告,
            搜索引擎
        ]
    },
    calculable: true,
    series: [
        {
            name: 访问来源,
            type: pie,
            radius: 55%,
            center: [
                50%,
                60%
            ],
            itemStyle: {
                normal: {
                    label: {
                        show: true,
                        textStyle: {
                            fontFamily: MicrosoftYaHei,
                            fontSize: 12,
                            fontWeight: bold
                        },
                        formatter: {
                            b
                        }: {
                            c
                        }亿元\n{
                            d
                        }%                    },
                    labelLine: {
                        show: true
                    }
                }
            },
            data: [
                {
                    value: 335,
                    name: 直接访问
                },
                {
                    value: 310,
                    name: 邮件营销
                },
                {
                    value: 234,
                    name: 联盟广告
                },
                {
                    value: 135,
                    name: 视频广告
                },
                {
                    value: 1548,
                    name: 搜索引擎
                }
            ]
        }
    ]
}

技术分享

图表插件使用汇总(echarts,highchairts)

标签:

原文地址:http://www.cnblogs.com/xtreme/p/5651023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!