摘要: function randomValue() { return Math.round(Math.random()*2000); } option = { backgroundColor:'block', tooltip: {}, visualMap: { min: 0, max: 2000, tex 阅读全文
posted @ 2020-07-09 14:41 威武的大萝卜 阅读(1031) 评论(0) 推荐(0)
摘要: 恢复内容开始 echart.js的使用与API 1.echart.js的使用: 第一步:在head标签或body下创建一个script标签去引用echart.js,(该文件可以在echart的官方首页下载最新最全面的js文件,官网:http://echart.baidu.com); <script 阅读全文
posted @ 2020-07-09 13:39 威武的大萝卜 阅读(688) 评论(0) 推荐(0)
摘要: 前言 最近接了一个外包的项目,其中有个需求是这样的,需要展示一个中国的统计地图,要求每个省市区都是不一样的颜色,必须特别区分开。以及隐藏南海部分。看了Echats相关文档,发现有类似的demo,但不是特别符合要求。于是自己仔细读文档研究。找到解决问题于是分享一下。 正文 废话不多少,直接上代码 方法 阅读全文
posted @ 2020-07-09 11:37 威武的大萝卜 阅读(6281) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>echarts中国地图</title> <style> .centerItem { width: 856px; height: 640px; background-color: #f 阅读全文
posted @ 2020-07-09 10:32 威武的大萝卜 阅读(3681) 评论(0) 推荐(0)
摘要: HTML部分 <div class="Msg-curve" id="curveEcharts"></div> JS部分 // main.js中全局引入echarts然后调用 this.$echarts let myChart = this.$echarts.init(document.getElem 阅读全文
posted @ 2020-07-09 09:34 威武的大萝卜 阅读(3276) 评论(0) 推荐(0)
摘要: <div id="myChartChina" :style="{width: '100%', height: '500px'}"></div> mounted() { this.drawLine(); }, drawLine(){ // 基于准备好的dom,初始化echarts实例 var myCh 阅读全文
posted @ 2020-07-09 09:19 威武的大萝卜 阅读(1169) 评论(0) 推荐(0)