laraineJ / ECharts

6/11
0 stars 0 forks source link

echarts #1

Open laraineJ opened 6 years ago

laraineJ commented 6 years ago
 option = {
title : {
    text: '2018全国地推数据',
    subtext: '数据来自数据管理中心'
},
tooltip : {
    trigger: 'item'
},
legend: {
    x:'right',
    selectedMode:false,
    data:['江西','山东','河南','陕西','甘肃','成都']
},
dataRange: {
    orient: 'horizontal',
    min: 0,
    max: 55000,
    text:['高','低'],           // 文本,默认为数值文本
    splitNumber:0
},
toolbox: {
    show : true,
    orient: 'vertical',
    x:'right',
    y:'center',
    feature : {
        mark : {show: true},
        dataView : {show: true, readOnly: false}
    }
},
series : [
    {
        name: '2018全国地推数据',
        type: 'map',
        mapType: 'china',
        mapLocation: {
            x: 'left'
        },
        selectedMode : 'multiple',
        itemStyle:{
            normal:{label:{show:true}},
            emphasis:{label:{show:true}}
        },
        data:[
            {name:'西藏', value:null},
            {name:'青海', value:null},
            {name:'宁夏', value:null},
            {name:'海南', value:null},
            {name:'甘肃', value:1053, selected:true},
            {name:'贵州', value:null},
            {name:'新疆', value:null},
            {name:'云南', value:null},
            {name:'重庆', value:null},
            {name:'吉林', value:null},
            {name:'山西', value:null},
            {name:'天津', value:null},
            {name:'江西', value:727, selected:true},
            {name:'广西', value:null},
            {name:'陕西', value:552, selected:true},
            {name:'黑龙江', value:null},
            {name:'内蒙古', value:null},
            {name:'安徽', value:null},
            {name:'北京', value:null},
            {name:'福建', value:null},
            {name:'上海', value:null},
            {name:'湖北', value:null},
            {name:'湖南', value:null},
            {name:'四川', value:null},
            {name:'辽宁', value:null},
            {name:'河北', value:null},
            {name:'河南', value:944, selected:true},
            {name:'浙江', value:null},
            {name:'山东', value:null},
            {name:'江苏', value:null},
            {name:'广东', value:null, }
        ]
    },
    {
        name:'2018全国地推数据',
        type:'pie',
        roseType : 'area',
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        center: [document.getElementById('main').offsetWidth - 250, 225],
        radius: [30, 120],
        data:[
            {name: '江西', value: 727},
            {name: '山东', value: 963},
            {name: '河南', value: 944},
            {name: '陕西', value: 552},
            {name: '甘肃', value:1053},
            {name: '成都', value: 507}
        ]
    }
],
animation: false

}; var ecConfig = require('echarts/config'); myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){ var selected = param.selected; var mapSeries = option.series[0]; var data = []; var legendData = []; var name; for (var p = 0, len = mapSeries.data.length; p < len; p++) { name = mapSeries.data[p].name; //mapSeries.data[p].selected = selected[name]; if (selected[name]) { data.push({ name: name, value: mapSeries.data[p].value }); legendData.push(name); } } option.legend.data = legendData; option.series[1].data = data; myChart.setOption(option, true); })

laraineJ commented 6 years ago

emmmmm,因为在工作中需要了解,所以在痛苦的了解当中。