用Echarts制作供水工程地图迁移动画

最新推荐文章于 2024-07-31 17:33:03 发布
最新推荐文章于 2024-07-31 17:33:03 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： MeritMS beego 文章标签： echarts MeritMS 动画 地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hotqin888/article/details/77122815
版权
beego 同时被 2 个专栏收录
128 篇文章 0 订阅
订阅专栏
MeritMS
11 篇文章 0 订阅
订阅专栏

预览地址：http://112.74.42.44:8080/zsj

看到这个可爱的动画，忍不住要去做一个。经过一番寻找，找到比较靠谱的例子。

我们做供水工程设计，线路上在cad中导出坐标，用万能坐标转换成经纬度，在exce中处理一下坐标偏移量才行，再把这些经纬度数据到页面中就行了。


<html>  
<head>  
    <meta charset="utf-8"> 
    <!-- <script src="/static/js/echarts.js"></script>   -->
<script src="/static/js/echarts.min.js"></script>
<!-- <script src="/static/js/bmap1.js"></script>   -->
<script src="/static/js/china.js"></script>  
<script src="/static/js/world.js"></script>  
<script src="/static/js/jquery.min223.js"></script>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=hYCENCEx1nXO0Nt46ldexfG9oI49xBGh"></script> 

<script src="/static/js/echarts-gl.min.js "></script> 
<script src="/static/js/bmap.min.js"></script> 
 
    <style type="text/css">  
        body {  
            margin: 0;  
        }  
        #main {  
            height: 100%;  
        }  
    </style>

</head>  
<body>  
<div id="main"></div>  

<script>  
var myChart = echarts.init(document.getElementById('main'));  
var szRoad = {
    success: true,
    errorCode: 0,
    errorMsg: "成功",
    data: [
        {
            ROAD_LINE: "113.0665043,22.79910761;113.0683087,22.80351522;113.070613,22.80482283;113.0772174,22.80853043;113.0795217,22.80933804;113.0906261,22.81444565;113.0926304,22.81475326;113.1023348,22.81876087;113.1040391,22.81896848;113.1084435,22.82497609;113.1102478,22.8252837;113.1128522,22.8257913;113.1149565,22.82669891;113.1164609,22.82700652;113.1180652,22.82751413;113.1196696,22.82782174;113.1216739,22.82852935;113.1292783,22.82953696;113.1308826,22.82964457;113.146287,22.83795217;113.1477913,22.83805978;113.1546957,22.83876739;113.1563,22.838875;113.1587043,22.83928261;113.1605087,22.83939022;113.163513,22.83979783;113.1653174,22.83990543;113.1760217,22.83991304;113.1778261,22.84002065;113.1793304,22.84012826;113.1813348,22.84013587;113.1828391,22.84024348;113.1846435,22.84045109;113.2014478,22.8404587;113.2031522,22.8405663;113.2066565,22.84087391;113.2086609,22.84098152;113.2117652,22.84038913;113.2148696,22.84059674;113.2235739,22.84270435;113.2252783,22.84291196;113.2270826,22.84321957;113.228687,22.84342717;113.2303913,22.84353478;113.2323957,22.84384239;113.2353,22.84815;113.2369043,22.84825761;113.2434087,22.84846522;113.245213,22.84867283;113.2493174,22.84868043;113.2517217,22.84408804;113.2533261,22.84399565;113.2551304,22.84360326;113.2570348,22.84341087;113.2632391,22.84321848;113.2655435,22.84332609;113.2677478,22.8432337;113.2709522,22.8426413;113.2725565,22.84264891;113.2761609,22.84175652;113.2776652,22.84186413;113.2870696,22.83987174;113.2898739,22.83987935;113.3093783,22.84218696;113.3120826,22.84219457;113.321287,22.84050217;113.3232913,22.84040978;113.3273957,22.83551739;113.3348,22.835225;113.3378043,22.83523261;113.3400087,22.83534022;113.343013,22.83584783;113.3453174,22.83615543;113.3539217,22.84136304;113.3556261,22.84147065;113.3598304,22.84247826;113.3665348,22.84288587;113.3698391,22.84329348;113.3724435,22.84380109;113.3745478,22.8446087;113.3775522,22.8452163;113.3859565,22.84492391;113.3879609,22.84503152;113.3907652,22.84513913;113.3927696,22.84524674;113.4000739,22.84505435;113.4027783,22.84436196;113.4047826,22.84376957;113.408287,22.83717717;113.4098913,22.83708478;113.4114957,22.83699239;113.413,22.837"
        },
        //高新沙至沙溪
        {
            ROAD_LINE: "113.4217189,22.83728017;113.4250378,22.83826034;113.4273566,22.83884051;113.4310755,22.84002067;113.4331944,22.84050084;113.4354133,22.84088101;113.4373321,22.84126118;113.463251,22.85004135;113.4655699,22.85052152;113.4710888,22.85170169;113.4733076,22.85208185;113.4757265,22.85266202;113.4819454,22.85314219;113.4860643,22.85492236;113.4891831,22.86070253;113.491102,22.8614827;113.4946209,22.86316287;113.5015398,22.86354303;113.5044587,22.8641232;113.5077775,22.86490337;113.5100964,22.86528354;113.5223153,22.87156371;113.5301342,22.87204388;113.533353,22.87222404;113.5553719,22.86750421;113.5662908,22.86688438;113.5682097,22.86716455;113.5709285,22.86734472;113.5734474,22.86732489;113.5758663,22.86680506;113.5783852,22.86658522;113.585204,22.86656539;113.5874229,22.86684556;113.5900418,22.86692573;113.5922607,22.8669059;113.5947796,22.86708607;113.6081984,22.86706624;113.6100173,22.8673464;113.6171362,22.86742657;113.6194551,22.86760674;113.6216739,22.86758691;113.6252928,22.86706708;113.6282117,22.86324725;113.6301306,22.86352742;113.6371494,22.86820758;113.6393683,22.86878775;113.6412872,22.86916792;113.6436061,22.86984809;113.6456249,22.87032826;113.6474438,22.87060843;113.6493627,22.8709886;113.6511816,22.87126876;113.6533004,22.87174893;113.6553193,22.8722291;113.6575382,22.87280927;113.6664571,22.87398944;113.668276,22.87436961;113.6720948,22.87504978;113.6741137,22.87542994;113.6761326,22.87571011"
        },
        //沙溪至罗田
        {
            ROAD_LINE: "113.6761326,22.87571011;113.6771303,22.87654045;113.6989607,22.8842809;113.7015258,22.88480112;113.7047236,22.88453146;113.7062562,22.88574157;113.7067888,22.89095169;113.7113865,22.89208202;113.7117191,22.89209213;113.7218169,22.89782247;113.7270494,22.89773258;113.727682,22.8973427;113.7471146,22.89205281;113.7554472,22.89086292;113.7588427,22.8871236;113.7689056,22.88477416;113.7726708,22.88399438;113.7771663,22.88135506;113.7780247,22.88086629;113.7784899,22.88078652;113.7874876,22.88031685;113.7934202,22.88022697;113.8021854,22.87824719;113.8084483,22.87449775;113.8193809,22.86690787;113.8344461,22.86622809"
        },
        //东莞
        {
            ROAD_LINE: "113.8744059,22.85827647;113.8743118,22.86025294;113.8739176,22.86232941;113.8737235,22.86370588;113.8731294,22.86468235;113.8733353,22.86705882;113.8728412,22.86373529;113.8724471,22.86551176;113.8723529,22.86688824;113.8767588,22.86866471;113.8766647,22.87044118;113.8763706,22.87171765;113.8762765,22.87349412;113.8766824,22.87517059;113.8761882,22.87744706;113.8755941,22.87972353;113.875,22.882"
        },
        //深圳
        {
            ROAD_LINE: "113.8848607,22.83366786;113.8893214,22.83043571;113.8938821,22.82710357;113.8984429,22.82387143;113.9028036,22.82063929;113.8984643,22.82280714;113.902525,22.820475;113.9072857,22.81774286;113.9118464,22.81641071;113.9161071,22.81407857;113.9201679,22.81534643;113.9248286,22.81231429;113.9285893,22.81018214;113.93305,22.80715;113.9316107,22.80511786;113.9364714,22.80178571;113.9412321,22.79855357;113.9452929,22.79622143;113.9498536,22.79408929;113.9545143,22.79555714;113.958575,22.793225;113.9530357,22.79309286;113.9575964,22.78996071;113.9525571,22.78742857;113.9563179,22.78869643;113.9553786,22.78736429;113.9601393,22.78433214;113.965,22.781"
        },
        //南沙支线
        {
            ROAD_LINE: "113.4217625,22.83740625;113.424325,22.8382125;113.4264875,22.83881875;113.42885,22.839625;113.4309125,22.84023125;113.434675,22.8416375;113.4369375,22.84224375;113.4391,22.84275;113.4410625,22.84315625;113.462725,22.8519625;113.4691875,22.85256875;113.47185,22.853175;113.4751125,22.85338125;113.477875,22.8530875;113.4804375,22.85269375;113.483,22.8476"
        }
    ]
}

var busLines = [];
var data = szRoad.data;
var hStep = 300 / (data.length - 1);

var i = 0;
for (var x in data) {
    // i++;
    // if(i<5000)
    //     continue;
    var line = data[x];
    // if(busLines.length>500)
    //     break;
    var pointString = line.ROAD_LINE;
    var pointArr = pointString.split(';');
    var lnglats = [];
    for (var j in pointArr) {
        lnglats.push(pointArr[j].split(','))
    }
    busLines.push({
        coords: lnglats,
        lineStyle: {
            normal: {
                color: echarts.color.modifyHSL('#5A94DF', Math.round(hStep * x))
            }
        }
    })
}

option = {
    bmap: {
        center: [113.525, 22.82],//[104.091, 30.639],
        zoom: 11,
        roam: true,
        mapStyle: {
            'styleJson': [{
                'featureType': 'water',
                'elementType': 'all',
                'stylers': {
                    'color': '#4169E1'
                }
            }, {
                'featureType': 'land',
                'elementType': 'geometry',
                'stylers': {
                    'color': '#3CB371'
                }
            }, {
                'featureType': 'highway',
                'elementType': 'all',
                'stylers': {
                    'visibility': 'off'
                }
            }, {
                'featureType': 'arterial',
                'elementType': 'geometry.fill',
                'stylers': {
                    'color': '#FFFFFF'
                }
            }, {
                'featureType': 'arterial',
                'elementType': 'geometry.stroke',
                'stylers': {
                    'color': '#0b3d51'
                }
            }, {
                'featureType': 'local',
                'elementType': 'geometry',
                'stylers': {
                    'color': '#FFFFFF'
                }
            }, {
                'featureType': 'railway',
                'elementType': 'geometry.fill',
                'stylers': {
                    'color': '#FFFFFF'
                }
            }, {
                'featureType': 'railway',
                'elementType': 'geometry.stroke',
                'stylers': {
                    'color': '#08304b'
                }
            }, {
                'featureType': 'subway',
                'elementType': 'geometry',
                'stylers': {
                    'lightness': -70
                }
            }, {
                'featureType': 'building',
                'elementType': 'geometry.fill',
                'stylers': {
                    'color': '#FFFFFF'
                }
            }, {
                'featureType': 'all',
                'elementType': 'labels.text.fill',
                'stylers': {
                    'color': '#857f7f'
                }
            }, {
                'featureType': 'all',
                'elementType': 'labels.text.stroke',
                'stylers': {
                    'color': '#FFFFFF'
                }
            }, {
                'featureType': 'building',
                'elementType': 'geometry',
                'stylers': {
                    'color': '#022338'
                }
            }, {
                'featureType': 'green',
                'elementType': 'geometry',
                'stylers': {
                    'color': '#32CD32'
                }
            }, {
                'featureType': 'boundary',
                'elementType': 'all',
                'stylers': {
                    'color': '#465b6c'
                }
            }, {
                'featureType': 'manmade',
                'elementType': 'all',
                'stylers': {
                    'color': '#022338'
                }
            }, {
                'featureType': 'label',
                'elementType': 'all',
                'stylers': {
                    'visibility': 'off'
                }
            }]
        }
    },
    series: [{
        type: 'lines',
        coordinateSystem: 'bmap',
        polyline: true,
        data: busLines,
        silent: true,
        lineStyle: {
            normal: {
                // color: '#c23531',
                // color: 'rgb(200, 35, 45)',
                opacity: 0.6,
                width: 5
            }
        },
        progressiveThreshold: 500,
        progressive: 200
    }, {
        type: 'lines',
        coordinateSystem: 'bmap',
        polyline: true,
        data: busLines,
        lineStyle: {
            normal: {
                width: 0
            }
        },
        effect: {
            constantSpeed: 50,
            show: true,
            trailLength: 0.5,
            symbolSize: 8//1.5
        },
        zlevel: 1
    },
    {
            "name": "1万",
            "type": "effectScatter",
            "coordinateSystem": "bmap",
            "data": [{
                "name": "鲤鱼洲",
                "value": [113.064, 22.8]
            }],
            // "rippleEffect": {
            //     "period": 4,
            //     "scale": 4,
            //     "brushType": "fill"
            // },
            rippleEffect: {  
                // brushType: 'stroke'
                "period": 4,
                "scale": 6,
                "brushType": "fill"  
            }, 
            "label": {
                "normal": {
                    "formatter": "{b}",
                    "position": "right",
                    "show": true
                },
                "emphasis": {
                    "show": true
                }
            },
            "itemStyle": {
                "normal": {
                    "color": "fuchsia"
                }
            }
        },

        {
            "name": "1万",
            "type": "effectScatter",
            "coordinateSystem": "bmap",
            "data": [{
                "name": "高新沙",
                "value": [113.413, 22.837]
            }],
            // "rippleEffect": {
            //     "period": 4,
            //     "scale": 4,
            //     "brushType": "fill"
            // },
            rippleEffect: {  
                // brushType: 'stroke'
                "period": 4,
                "scale": 6,
                "brushType": "fill"  
            }, 
            "label": {
                "normal": {
                    "formatter": "{b}",
                    "position": "right",
                    "show": true
                },
                "emphasis": {
                    "show": true
                }
            },
            "itemStyle": {
                "normal": {
                    "color": "navy"
                }
            }
        },
        {
            "name": "1万",
            "type": "effectScatter",
            "coordinateSystem": "bmap",
            
            "data": [{
                "name": "沙溪",
                "value": [113.677, 22.876]
            }],
            // "rippleEffect": {
            //     "period": 4,
            //     "scale": 4,
            //     "brushType": "fill"
            // },
            rippleEffect: {  
                // brushType: 'stroke'
                "period": 4,
                "scale": 6,
                "brushType": "fill"  
            }, 
            "label": {
                "normal": {
                    "formatter": "{b}",
                    "position": "right",
                    "show": true
                },
                "emphasis": {
                    "show": true
                }
            },
            "itemStyle": {
                "normal": {
                    "color": "maroon"
                }
            }
        },

        {
            "name": "1万",
            "type": "effectScatter",
            "coordinateSystem": "bmap",
            "data": [{
                "name": "罗田",
                "value": [113.878, 22.841]
            }],
            // "rippleEffect": {
            //     "period": 4,
            //     "scale": 4,
            //     "brushType": "fill"
            // },
            rippleEffect: {  
                // brushType: 'stroke'
                "period": 4,
                "scale": 6,
                "brushType": "fill"  
            }, 
            "label": {
                "normal": {
                    "formatter": "{b}",
                    "position": "right",
                    "show": true
                },
                "emphasis": {
                    "show": true
                }
            },
            "itemStyle": {
                "normal": {
                    "color": "lime"
                }
            }
        },

        {
            "name": "1万",
            "type": "effectScatter",
            "coordinateSystem": "bmap",
            "data": [{
                "name": "松木山",
                "value": [113.878, 22.887]
            }],
            // "rippleEffect": {
            //     "period": 4,
            //     "scale": 4,
            //     "brushType": "fill"
            // },
            rippleEffect: {  
                // brushType: 'stroke'
                "period": 4,
                "scale": 6,
                "brushType": "fill"  
            }, 
            "label": {
                "normal": {
                    "formatter": "{b}",
                    "position": "right",
                    "show": true
                },
                "emphasis": {
                    "show": true
                }
            },
            "itemStyle": {
                "normal": {
                    "color": "#ff3333"
                }
            }
        },
        {
            "name": "1万",
            "type": "effectScatter",
            "coordinateSystem": "bmap",
            "data": [{
                "name": "公明",
                "value": [113.965, 22.781]
            }],
            // "rippleEffect": {
            //     "period": 4,
            //     "scale": 4,
            //     "brushType": "fill"
            // },
            rippleEffect: {  
                // brushType: 'stroke'
                "period": 4,
                "scale": 6,
                "brushType": "fill"  
            }, 
            "label": {
                "normal": {
                    "formatter": "{b}",
                    "position": "right",
                    "show": true
                },
                "emphasis": {
                    "show": true
                }
            },
            "itemStyle": {
                "normal": {
                    "color": "orange"
                }
            }
        },{
            "name": "1万",
            "type": "effectScatter",
            "coordinateSystem": "bmap",
            "data": [{
                "name": "黄阁",
                "value": [113.483,22.8476]
            }],
            // "rippleEffect": {
            //     "period": 4,
            //     "scale": 4,
            //     "brushType": "fill"
            // },
            rippleEffect: {  
                // brushType: 'stroke'
                "period": 4,
                "scale": 6,
                "brushType": "fill"  
            }, 
            "label": {
                "normal": {
                    "formatter": "{b}",
                    "position": "right",
                    "show": true
                },
                "emphasis": {
                    "show": true
                }
            },
            "itemStyle": {
                "normal": {
                    "color": "orange"
                }
            }
        }]
};
  
myChart.setOption(option);  
</script>  
</body>  
</html>


q平面人
关注
专栏目录
SL 310-2019 村镇供水工程技术规范
04-11
SL 310-2019 村镇供水工程技术规范 本标准是中华人民共和国水利行业标准，发布于 2019 年 9 月 30 日，实施于 2019 年 12 月 30 日。该标准是对 SL 310-2004、SL 687-2014、SL 688-2013 和 SL 689-2013 等四个标准...
echarts绘制地图及连线
bolanlaike的博客
01-10 2万+
最近用echarts画了很多图，写出来或许能帮助到大家 下图是最基本的一个地图加连线 本篇文章只写这个简单的，后续还有热力图，时间轴等   这里我只解析部分关键代码，完整代码见https://github.com/bolanlaike/echarts-map 这段代码主要是获取数据以及数据的组装 require([ 'echarts', ...
93Echarts - 地理坐标/地图（Bus Lines of Beijing - Line Effect）
阿甘兄
05-05 1222
效果图 源代码 app.title = '北京公交路线 - 线特效'; $.get('data/asset/data/lines-bus.json', function(data) { var hStep = 300 / (data.length - 1); var busLines = [].concat.apply([], data.map(function (busLin...
echarts实现地图数据迁徙效果
最新发布
qq_31481269的博客
07-31 432
既然地图的json已经获取到了，那如何通过echarts做成第一张的样子,下面是接口中返回的数据[{"sl": 101,}]<template><script>// 引入echarts// 引入地图// 引入jswatch: {isOpen: {},deep: true},data() {// 这里存放数据return {planePath:res: [],},// })},// 方法集合methods: {init() {
React中使用ECharts地图扩展
漫游学海之旅
01-22 8979
ECharts 结合百度地图API可以展示非常炫丽的地图动画。正如官网示例点击这里。那么，在React中如何实现这样交通动态图呢？1 React 组件首先，我们需要引入echarts, 以及 echarts的地图扩展 bmap (地图扩展，这个很关键，如果不引入，程序运行后会出现“unknown coordinateSystem bmap”的错误)。下面是React Component中构建含有bm
山东echarts地图
hahah1234111111的博客
06-27 2859
echarts地图组件
ECharts color属性设置（不透明度，透明度，线性渐变，径向渐变，扇形渐变，纹理填充）
热门推荐
旭东怪的博客
10-04 2万+
1颜色英文名 示例： color:'red' 2十六进制格式 有两种表示方式。 第一种为#+6位十六进制数，前2位表示红色，中间2位表示绿色，后2位表示蓝色。 第二种为#+3位十六进制数，第1位表示红色，第2位表示绿色，第3位表示蓝色。 示例： color:"#ccc", color:"#cccccc" 3 rgb rgb()方法的第2个参数表示红色，第2个参数表示绿色，第3个参数表示蓝色。 color:'rgb(128, 128, 128)' 4 rgba rgb()方..
水库供水工程技术策划方案
06-30
### 水库供水工程技术策划方案关键知识点 #### 一、项目背景与需求 - **项目名称**：甘肃庆阳小盘河水库供水工程 - **主要目标**：满足长庆桥工业园区工业生产及生活供水需求，同时兼顾泾川县荔堡镇、泾明乡生活...
MCGS软件校园恒压供水工程程序
03-20
在校园恒压供水工程中，MCGS往往与多种产品配合使用，如PLC（可编程逻辑控制器）用于实现底层设备的控制，变频器负责调节电机速度，以及各种传感器负责监测环境参数。MCGS软件作为上位机，通过通信接口与这些设备...
内蒙古呼和浩特市引黄供水工程引水工程部分水土保持设施自主验
11-02
"内蒙古呼和浩特市引黄供水工程引水工程部分水土保持设施自主验"是一个关于水利工程和环境保持的项目，而"赚钱项目"这个压缩包子文件的名称也并不提供任何明确的IT相关知识点。因此，我无法按照您的要求生成相关的IT...
自动化工程应用实例二-恒压供水.ppt
11-12
【恒压供水系统】是一种广泛应用于生活和工业中的自动化工程，其主要目的是确保供水系统在用水需求变化时，能够维持恒定的压力，从而提供稳定、高效的服务。在本实例中，我们将探讨恒压供水系统的核心技术和组成部分...
使用Pyecharts进行全国水质TDS地图可视化全过程1：总体过程简述
weixin_42878250的博客
07-12 814
使用Pyecharts进行全国水质TDS地图可视化的全过程。
echarts地图的常见用法：基本使用、区域颜色分级、水波动画、区域轮播、给地图添加背景图片和图标、3d地图、飞线图
weixin_41897680的博客
06-01 1万+
echarts地图的常见用法：基本使用、区域颜色分级、水波动画、区域轮播、给地图添加背景图片和图标、3d地图、飞线图
HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-21 1万+
❉ HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字) 一年一度的520情人节/七夕情人节/女朋友生日/程序员表白,是不是要给女朋友或者正在追求的妹子一点小惊喜呢，今天这篇博客就分享下前端代码如何实现HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)。赶紧学会了，来制作属于我们程序员的浪漫吧！ ❉ 文章目录 ❉ HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)❉ 效果演示❉ 代码文件目录一、文字修改(代码实现)
【vue】echarts+百度地图api画网管图
小花生编程
03-23 2046
因项目需要在echarts+百度地图在背景图上画水管图，根据一个接水点和它的东南西北四个接水点点实时的连接情况连接成网管图。刚开始想的比较复杂，找的是关系图，后来参考了大神的代码选择了比较简单的线图。 获取所有管道点的代码: var geoCoordMap = new Map();//点数据集合for(var i in pointData ) { geoCoordMa...
基于Echarts实现大屏数据可视化物虚拟数据统计
HTML网页设计
08-15 1万+
🚀 基于 Echarts 实现可视化数据大屏响应式展示效果的源码,，基于html+css+javascript+echarts制作， 可以在此基础上重新开发。本项目中使用的是echarts图表库，ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。 ⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ ...
echarts color
m0_48683771的博客
09-18 2991
1.Echarts的颜色设计 Echarts的颜色的设置分为两种：色盘和具体颜色 色盘适合做全局设置，因为他里面有多个颜色，通俗的说色盘就是颜色预设值列表，色盘统一使用color属性进行配置。 而具体元素或者具体系列只有一个颜色时，可以单独为其进行设置，他的值为单个颜色值，但是具体元素和具体系列的类别不一样，没有统一的配置项名称，需要用时按文档进行配置。 当某个系列需要多种颜色支持时，请使用色盘。当某个系列或者元素只有一个颜色时，且不项使用默认的颜色时，这时候可以进行具体的配置 2.色盘的介绍 色
80Echarts - 散点图（Scatter Nutrients）
阿甘兄
05-05 828
效果图 源代码 var indices = { name: 0, group: 1, id: 16 }; var schema = [ {name: 'name', index: 0}, {name: 'group', index: 1}, {name: 'protein', index: 2}, {name: 'calcium', ind...
eChart- liquidfill（水位图）
1234Wu--Blog
01-15 2957
eChart- liquidfill（水位图）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值