Echarts中关于dataRange 的splitList 实现问题

beijixingmm 发布于 2015/06/25 18:47
阅读 660
收藏 0
Echarts中dataRange的splitList为什么实现不了?查看网页错误总是提示:"option.dataRange.min or option.dataRange.max has not been defined."但是,当我定义了min和max值的时候,显示的颜色值域并没有按照我写的splitList来显示,而是自动显示为天蓝色的进阶色;我看了官网里面的文档说,使用splitList的时候不用定义max和min的,可是不定义这两个值,地图显示不出来,定义了之后又没按照splitList定义的来显示,在此请教各位大牛,感激不尽!
<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <title>X3000GPS区域热度图</title>
        <script src="js/esl.js"></script>
        <script src="js/echarts.js"></script>
        <script src="js/jquery-1.7.2.min.js"></script>
        
    </head>
	<body>
		<div id="main" style="height:800px"></div>
		<script type="text/javascript">
		require.config({
			packages: [
            	{
                 	name: 'echarts',
                    location: 'js/src',      
                    main: 'echarts'
                },
                {
                    name: 'zrender',
                    location: 'js/zrender/src',
                    main: 'zrender'
                }
             ]
         });
			
		require(
			[
				'echarts',
				'echarts/chart/map',
			],
						
						
		function (ec) {
			var myChart = ec.init(document.getElementById('main'));
			option = {
				title : {
				subtext: '时间:2014年3月-2015年3月',
				x:'left',
				y:'top'
				},
				tooltip : {
					trigger: 'item',
				},
				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: {
					x: 'left',
					y: 'bottom',
					splitList: [
						{start: 1500},
						{start: 900, end: 1500},
						{start: 310, end: 1000},
						{start: 200, end: 300},
						{start: 10, end: 200, label: '10 到 200(自定义label)',color: 'blue'},
						{start: 5, end: 5, label: '5(自定义特殊颜色)', color: 'black'},
						{end: 10}
					],
					color: ['#E0022B', '#E09107', '#A3E00B']
				},
							
				series : [
					{
						name: '热度',
						type: 'map',
						mapType: 'china',
						roam: true,
						mapLocation: {
							y : 60
						},
						itemStyle:{
						normal:{label:{show:true},},
						emphasis:{label:{show:true}}
					    },
						
					    data:[
						{name: '北京',value: 1000},
						{name: '天津',value: 1200},
						{name: '上海',value: 980},
						{name: '重庆',value: 500},
						{name: '河北',value: 300},
						{name: '河南',value: 450},
						{name: '云南',value: 5},
						{name: '辽宁',value: 305},
						{name: '黑龙江',value: 320},
						{name: '湖南',value: 200},
						{name: '安徽',value: 1500},
						{name: '山东',value: 1100},
						{name: '新疆',value: 600},
						{name: '江苏',value: 700},
						{name: '浙江',value: 111},
						{name: '江西',value: 98},
						{name: '湖北',value: 222},
						{name: '广西',value: 333},
						{name: '甘肃',value: 555},
						{name: '山西',value: 150},
						{name: '内蒙古',value: 1003},
						{name: '陕西',value:1400},
						{name: '吉林',value: 800},
						{name: '福建',value: 700},
						{name: '贵州',value: 500},
						{name: '广东',value: 450},
						{name: '青海',value: 852},
						{name: '西藏',value: 144},
						{name: '四川',value: 564},
						{name: '宁夏',value: 2000},
						{name: '海南',value: 654},
						{name: '台湾',value:545},
						{name: '香港',value: 111},
						{name: '澳门',value: 555}
					    ]
					}
				]//series end
			};//option end
			myChart.setOption(option);
		}//function end
		);//require end
		</script>
	</body>
</html>




返回顶部
顶部