taro+react 使用techarts和echarts实现中国地图

第一步下载包

 cnpm i echarts techarts -D

第二步引入插件和中国地图

import EChart from 'techarts';
import * as echarts from 'echarts'
import 'echarts/map/js/china'

第三步设置option并且实例化组件

const option ={
   
    title : {
   
        text: 'iphone销量',
        subtext: '纯属虚构',
        left: 'center'
    },
    tooltip : {
   
        trigger: 'item'
    },
    legend: {
   
        orient: 'vertical',
        left: 'left',
        data:['iphone']
    },
    visualMap: {
   
        min: 0,
        max: 2500,
        left: 'left',
        top: 'bottom',
        text:['高','低'],           // 文本，默认为数值文本
        calculable : true
    },
    toolbox: {
   
        show: true,
        orient : 'vertical',
        left: 'right',
        top: 'center',
        feature : {
   
            mark : {
   show: true},
            dataView : {
   show: true, readOnly: false},
            restore : {
   show: true},
            saveAsImage : {
   show: true}
        }
    },
    series : [
        {
   
            name: 'iphone',
            type: 'map',
            mapType: 'china',
            roam: false,
            label: {
   
                normal: {
   
                    show: false
                },
                emphasis