实用技巧

Echarts模板(一):南丁格尔玫瑰图

2019-04-28  本文已影响0人  ZhenKuanJiang

本人刚参加完市场调查大赛,在这个过程中为了画图试过很多软件,相比于Tableau的所见即所得,虽然操作简单,但步骤繁琐,最后我选择使用Echarts画图,它不仅操作简单,而且图像美观,只需要一点点代码基础就能实现。接下来,我向大家分享以下我用到的几个图的模板代码,你在使用的时候均可通过以下代码进行修改,由于本人没有学过JS,不对的地方还请大家多多指教


option = {
    textStyle: {
        fontSize: 20,   // 调节字体大小
        
    },
    title : {
        text: '',       // 主标题名称
        subtext: '',    // 副标题名称
        x:'center'      // 标题的位置
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',         // 标签名称垂直排列
        x: 'right',                 // 标签的位置
        data:['不能坚持健身','偏好其他健身场所','健身房价格太贵',
'部分健身房有强行推销的行为','健身房空气不流通','健身房人多繁杂','对市面上的健身房都不满意']
    },                              // 标签变量名称
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {
                show: true,
                type: ['pie', 'funnel']
            },
            restore : {show: true},
            saveAsImage : {show: true}          // 保存图片
        }
    },
    calculable : true,
    series : [
        {
            name:'面积模式',                    // 图表名称
            type:'pie',                         // 图表类型
            radius : [30, 200],                 // 图表内外半径大小
            center : ['50%', '50%'],            // 图表位置
            roseType : 'area',
            label: {
                normal: {
                    show: true,
                    formatter: '{b}({d}%)'      // 显示百分比
                }
            },
            data:[
                {value:180, name:'不能坚持健身'},           // 变量对应的具体数据
                {value:180, name:'偏好其他健身场所'},
                {value:165, name:'健身房价格太贵'},
                {value:151, name:'部分健身房有强行推销的行为'},
                {value:97, name:'健身房空气不流通'},
                {value:81, name:'健身房人多繁杂'},
                {value:29, name:'对市面上的健身房都不满意'}
            ]
        }
    ]
};

以下是效果图

上一篇下一篇

猜你喜欢

热点阅读