test

来源:互联网 发布:java思想 编辑:程序博客网 时间:2024/06/05 11:56
</pre><pre name="code" class="html">  <div id="main"></div>  <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>  <script src = "http://echarts.baidu.com/build/dist/echarts-all.js"></script>  <script>  var myChart = echarts.init(document.getElementById("main"));  var optionID_20160715111417_356719 = {  backgroundColor: 'white',  color: ['gold','aqua','lime'],  title : {    text: 'by 小酥饼maomao',    subtext:'迪士尼客源地分布',    x:'center',    textStyle : {      color: '#fff'    }  },  tooltip : {    trigger: 'item',    formatter: function (v) {if(typeof(v[2])=='number'){return(v[1]+': '+v[2])}else if(v[2].tooltipValue!=null){          return v[2].tooltipValue;          }else{            return v[1];          }  }},    legend: {        show:false,        orient: 'vertical',        x:'left',        data:['Data'],      textStyle:{color:'white'}    },  toolbox: {    show : true,    orient : 'vertical',    x: 'right',    y: 'center',    feature : {      mark : {show: true},      dataView : {show: true, readOnly: false},      restore : {show: true},      saveAsImage : {show: true}    }  },  dataRange: {    min : -611,    max : 9777,    calculable : true,    color: ['#888888', '#CDCDCD'],    textStyle:{      color:'#fff'    }  },  series : [    {    name:'Data',    type:'map',    mapType: 'china',    itemStyle:{    normal:{    borderColor:'white',    borderWidth: 0.5,    label:{show:false,textStyle:{color:'#fff'}},    },    emphasis:{label:{show:true,textStyle:{color:'#fff'}}}  },  data:[{name:'上海',value:9166},{name:'江苏',value:1585},{name:'安徽',value: 976},{name:'浙江',value: 913},{name:'北京',value: 630},{name:'山东',value: 284},{name:'湖北',value: 269},{name:'广东',value: 257},{name:'黑龙江',value: 184},{name:'四川',value: 177},{name:'福建',value: 175},{name:'湖南',value: 164},{name:'河南',value: 156},{name:'辽宁',value: 155},{name:'江西',value: 151},{name:'河北',value: 131},{name:'新疆',value: 122},{name:'吉林',value: 111},{name:'天津',value: 103},{name:'山西',value:  96},{name:'内蒙古',value:  93},{name:'陕西',value:  85},{name:'重庆',value:  81},{name:'贵州',value:  47},{name:'广西',value:  41},{name:'云南',value:  40},{name:'海南',value:  33},{name:'宁夏',value:  26},{name:'甘肃',value:  23},{name:'青海',value:   6},{name:'西藏',value:   0}]    ,markLine : {    Symbol:['none', 'arrow'],    symbolSize:['0', '0'],    smooth:false,    smooth:0,    effect : {      show: false,      scaleSize: 1,      period: 30,      color: '#fff',      shadowBlur: 10    },    itemStyle : {      color: 'red',      normal: {        color:function(param){      return(param.data[0].value.colorValue);    },        borderWidth:1,        lineStyle: {          type: 'solid',          width: 1,          shadowBlur: 10        },        label:{show:false}      }    },    data : [[{name:'shanghai'}, {name:'jiangsu',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'anhui',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'zhejiang',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'beijing',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'shandong',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'hubei',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'guangdong',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'heilongjiang',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'sichuan',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'fujian',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'hunan',value:{colorValue:'red'}}],[{name:'shanghai'}, {name:'henan',value:{colorValue:'red'}}]]},    geoCoord:{'shanghai': [121.4802,31.23631],'jiangsu': [118.7695,32.06659],'anhui': [117.2922,31.86731],'zhejiang': [120.1601,30.27149],'beijing': [116.4136,39.91101],'shandong': [117.0270,36.67441],'hubei': [114.3488,30.55159],'guangdong': [113.2727,23.13796],'heilongjiang': [126.6695,45.74771],'sichuan': [104.0823,30.65679],'fujian': [119.3030,26.10605],'hunan': [112.9900,28.11830],'henan': [113.7596,34.77202]    }    ,markPoint : {        symbol:'emptyCircle',      symbolSize :10,      effect : {        show: true,        type: 'scale',        shadowBlur : 0      },      itemStyle:{      normal:{        label:{show:false},        color:function(param){    return(param.data.value.colorValue);  }      },      emphasis: {        label:{show:false}      }      },      data : [{name:'jiangsu',value:{colorValue:'lime'},symbol:'Circle'},{name:'anhui',value:{colorValue:'lime'},symbol:'Circle'},{name:'zhejiang',value:{colorValue:'aqua'},symbol:'Circle'},{name:'beijing',value:{colorValue:'orange'},symbol:'Circle'},{name:'shandong',value:{colorValue:'lime'},symbol:'Circle'},{name:'hubei',value:{colorValue:'lime'},symbol:'Circle'},{name:'guangdong',value:{colorValue:'lime'},symbol:'Circle'},{name:'heilongjiang',value:{colorValue:'lime'},symbol:'Circle'},{name:'sichuan',value:{colorValue:'#ff3333'},symbol:'Circle'},{name:'fujian',value:{colorValue:'orange'},symbol:'Circle'},{name:'hunan',value:{colorValue:'yellow'},symbol:'Circle'},{name:'henan',value:{colorValue:'lime'},symbol:'Circle'}      ]},      geoCoord:{'shanghai': [121.4802,31.23631],'jiangsu': [118.7695,32.06659],'anhui': [117.2922,31.86731],'zhejiang': [120.1601,30.27149],'beijing': [116.4136,39.91101],'shandong': [117.0270,36.67441],'hubei': [114.3488,30.55159],'guangdong': [113.2727,23.13796],'heilongjiang': [126.6695,45.74771],'sichuan': [104.0823,30.65679],'fujian': [119.3030,26.10605],'hunan': [112.9900,28.11830],'henan': [113.7596,34.77202]                  }                    }]};  myChart.setOption(optionID_20160715111417_356719);  </script>

0 0