在页面引入 map.js, 调用如下:
javascript 代码
- var city = '广西';
- var heatChart = echarts.init(document.getElementById('heat-chart'));
- var option = {
- title: {
- show: false
- },
- tooltip: {
- trigger: 'item',
- formatter: function (params, ticket, callback) {
- var value = params.value || '0';
- var res = params.name + ":" + value + "个";
- return res;
- }
- },
- legend: {
- show: false,
- orient: 'vertical',
- x: 'left',
- data: ['热度']
- },
- visualMap: {
- min: 0,
- max: 100,
- left: 'left',
- top: 'bottom',
- color: ['#ff3333', 'orange', 'yellow', 'lime', 'aqua'],
- calculable: true
- },
- toolbox: {
- show: false
- },
- series: [
- {
- name: '热度',
- type: 'map',
- map: city,
- itemStyle: {
- normal: {
- borderColor: "#ddd"
- }
- },
- label: {
- normal: {show: false}
- },
- data: [{
- "name" : "柳州市",
- "value" : '5'
- }],
- showLegendSymbol: false
- }
- ]
- };
- // 为 echarts 对象加载数据
- heatChart.setOption(option);
map.js 下载 https://www.qdfuns.com/misc.php?mod=attach&genre=file&aid=ffcaeb18643d361a741a88a65ce7b666
来源: http://www.qdfuns.com/article/27377/cdf0634f370148f816e2edcc65330c00.html