shijieECharts Gallery

20:11:45图表已生成
代码
//部分报错是因为其他地方没有写值，获取不到相关值
var markPointData = [{
        "name": "齐齐哈尔",
        "coord": [
            123.97, 47.33
        ],
        "runConut": '537',
        "num": '234'
    },
    {
        "name": "青岛",
        "coord": [
            120.33, 36.07
        ]
        "runConut": '120',
        "num": '196'
    },
    {
        "name": "温州",
        "coord": [
            120.65, 28.01
        ],
        "runConut": '50',
        "num": '120'
    }
];
option = {
    "tooltip": { //提示框组件。
        "trigger": 'item', //触发类型 散点图
        "enterable": true, //鼠标是否可进入提示框
        "transitionDuration": 1, //提示框移动动画过渡时间
        "formatter": function(params) {
            return '<a target="_blank" class="params-name" href="alert(可以添加链接)">' + params.name + '</a><p class="conut-next">管理干部培训  ' + params.data.runConut + '人</p><p class="conut-next">卓越教师培训  ' + params.data.num + '人</p>'
        },
        "backgroundColor": '#fff',
        "borderWidth": '1px',
        "borderRadius": '5',
        "borderColor": 'rgba(72,150,128,1)',
        "textStyle": {
            //"color": 'rgba(94,194,222,1)'
        },
        "padding": 22
    },
    "series": [{ //系列列表
        "name": "中国",
        "type": "map",
        "mapType": "china",
        "zoom": 1, //当前视角的缩放比例。
        "selectedMode": false,
        "layoutCenter": ['50%', '53%'],
        "layoutSize": "102%",
        "label": { //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等
            "normal": {
                "show": false,
                "textStyle": {
                    "color": "#fff",
                    "fontSize": "12"
                }
            },
            "emphasis": {
                "show": false,
                "textStyle": {
                    "color": "#fff",
                    "fontSize": "12"
                }
            }
        },
        "markPoint": { //图表标注。
            "symbol": 'path://M512 39.384615l169.353846 295.384615 342.646154 63.015385-240.246154 248.123077L827.076923 984.615385l-315.076923-145.723077L196.923077 984.615385l43.323077-334.769231L0 401.723077l342.646154-63.015385L512 39.384615',
            "symbolSize": 14,//图形大小
            "label": {
                "normal": {
                    "show": true,
                },
                "emphasis": {
                    show: true,
                }
            },
            "itemStyle": {
                "normal": {
                    "color": 'rgba(72,150,128,1)'
                }
            },
            "data": markPointData
        }
    }]
}
myChart.setOption(option);
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
