首页 网站特效 PHP/Mysql 网站模板 视频教程 整站源码 应用商店 云服务器 免责声明

素材码 > 统计图 > Echarts动态玫瑰分布图

Echarts动态玫瑰分布图

更新时间:2018-05-22
点击聊天
Echarts动态玫瑰分布图 应用简介

做数据图表,echarts是个不错的选择,南丁格尔玫瑰图是饼状分布图的一种,它能直观的显示各个组成部分所占百分比。

option = { 
    title: { 
        text: '2016年网上消费分布图'
        subtext: '纯属虚构'
        x: 'center' 
    }
    tooltip: { 
        trigger: 'item'
        formatter: "{a} <br/>{b} : {c} ({d}%)" 
    }
    legend: { 
        x: 'center'
        y: 'bottom'
        data: ['服装鞋包''手机数码''美妆饰品''百货食品''游戏话费''生活服务''户外运动''其他'
    }
 
    calculable: true, 
    series: [{ 
        name: '半径模式'
        type: 'pie'
        radius: [20110], 
        center: ['25%'200], 
        roseType: 'radius'
        width: '40%'
        // for funnel 
        max: 40
        // for funnel 
        itemStyle: { 
            normal: { 
                label: { 
                    show: false 
                }
                labelLine: { 
                    show: false 
                } 
            }
            emphasis: { 
                label: { 
                    show: true 
                }
                labelLine: { 
                    show: true 
                } 
            } 
        }
        data: [{ 
            value: 40
            name: '服装鞋包' 
        }
        { 
            value: 30
            name: '手机数码' 
        }
        { 
            value: 35
            name: '美妆饰品' 
        }
        { 
            value: 25
            name: '百货食品' 
        }
        { 
            value: 5
            name: '游戏话费' 
        }
        { 
            value: 15
            name: '生活服务' 
        }
        { 
            value: 20
            name: '户外运动' 
        }
        { 
            value: 10
            name: '其他' 
        }
    }
    { 
        name: '面积模式'
        type: 'pie'
        radius: [30110], 
        center: ['75%'200], 
        roseType: 'area'
        x: '50%'
        // for funnel 
        max: 40
        // for funnel 
        sort: 'ascending'
        // for funnel 
        data: [{ 
            value: 40
            name: '服装鞋包' 
        }
        { 
            value: 30
            name: '手机数码' 
        }
        { 
            value: 35
            name: '美妆饰品' 
        }
        { 
            value: 25
            name: '百货食品' 
        }
        { 
            value: 5
            name: '游戏话费' 
        }
        { 
            value: 15
            name: '生活服务' 
        }
        { 
            value: 20
            name: '户外运动' 
        }
        { 
            value: 10
            name: '其他' 
        }
    }
};


  • 收藏
  • 投诉
评论列表