function mapTooltipClick(name) { alert(name) } function tooltipCharts() { console.log(arguments[0]); var myChart = echarts.init(document.getElementById('tooltipBarId')); var option = { tooltip: {}, dataset: { source: [ ['xAxis', '201701', '201702', '201703', '201704', '201705', '201706', '201707', '201708', '201709', '20170', '201710', '20170', '201801'], ['amount', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7, 65.1, 53.3, 41.1, 30.4, 53.3, 41.1, 53.3, 83.8] ] }, xAxis: { type: 'category', interval: true, axisLabel: { rotate: 45 }, axisTick: { show: false } }, yAxis: {}, color: ['#4FA8F9', '#F5A623'], grid: { show: true, backgroundColor: '#FAFAFA', left: 30, right: 20, top: 20 }, series: [{ type: 'bar', smooth: true, seriesLayoutBy: 'row', barWidth: 10 }] }; myChart.setOption(option); } option = { visualMap: { show: true, min: 0, max: 500, right: 0, bottom: 0, itemWidth: 20, itemHeight: 120, color: '#fff', text: [' 车辆数:高', ' 车辆数:低'], // 文本,默认为数值文本 textStyle: { color: '#fff', fontSize: 14 }, inRange: { color: ['rgb(40,98,185)', 'rgb(46,169,253)', 'rgb(52,237,249)'] // 蓝绿 } }, tooltip: { padding: 0, enterable: true, transitionDuration: 1, textStyle: { color: '#000', decoration: 'none', }, // position: function (point, params, dom, rect, size) { // return [point[0], point[1]]; // }, }, series: [{ name: 'iphone4', type: 'map', mapType: 'china', itemStyle: { normal: { label: { show: true, color:'#fff' } }, emphasis: { label: { show: true } } }, data: [{ name: '北京', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '天津', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '上海', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '重庆', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '河北', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '河南', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '云南', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '辽宁', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '黑龙江', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '湖南', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '安徽', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '山东', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '新疆', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '江苏', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '浙江', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '江西', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '湖北', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '广西', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '甘肃', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '山西', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '内蒙古', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '陕西', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '吉林', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '福建', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '贵州', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '广东', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '青海', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '西藏', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '四川', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '宁夏', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '海南', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '台湾', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '香港', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, { name: '澳门', value: Math.round(Math.random() * 1000), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)] }, ] }, ] } var count = 0; var timeTicket = null; var dataLength = option.series[0].data.length; timeTicket && clearInterval(timeTicket); timeTicket = setInterval(function() { myChart.dispatchAction({ type: 'downplay', seriesIndex: 0, }); myChart.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: (count) % dataLength }); myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: (count) % dataLength }); count++; }, 1000);
世人的悲欢并不相通,我只是觉得他们吵闹。