上一页 1 ··· 61 62 63 64 65 66 67 68 69 ··· 79 下一页
2020年7月10日
Echarts3实例 南丁格尔饼图
摘要： 实现效果 知识点 图例垂直，位置饼图位置设置多种颜色Tooltip格式化 代码实现 option = { title: { text: '管线管龄分类统计', top:10, left:10 }, tooltip : { trigger: 'item', formatter: "{a} <br/>{ 阅读全文
posted @ 2020-07-10 09:50 威武的大萝卜 阅读(579) 评论(0) 推荐(0)
南丁格尔玫瑰图3
摘要： option = { textStyle: { fontSize: 20, // 调节字体大小 }, title : { text: '', // 主标题名称 subtext: '', // 副标题名称 x:'center' // 标题的位置 }, tooltip : { trigger: 'ite 阅读全文
posted @ 2020-07-10 09:48 威武的大萝卜 阅读(521) 评论(0) 推荐(0)
Echarts实战案例代码：饼图pie之南丁格尔玫瑰图rose实现代码
摘要： var myChart = echarts.init(document.getElementById('echarts_2')); var option = { color: ["#a71a4f", "#bc1540", "#c71b1b", "#d93824", "#ce4018", "#d151 阅读全文
posted @ 2020-07-10 09:37 威武的大萝卜 阅读(2245) 评论(0) 推荐(0)
记录下vue 中引用echarts 出现 "TypeError: Cannot read property 'getAttribute' of undefined"问题
摘要： 今天做项目，用echarts展示数据 ，自己测试 先测试 了下。写的代码html： <div ref="myChart" style="height:300px;width:100%"></div> JS methods: { drawLine() { // 基于准备好的dom，初始化echarts 阅读全文
posted @ 2020-07-10 09:34 威武的大萝卜 阅读(1651) 评论(0) 推荐(0)
2020年7月9日
echarts 中国地图，根据省份数值高低改变省份颜色深浅
摘要： 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
摘要： 恢复内容开始 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)
Echarts 中国地图各个省市自治区自定义颜色
摘要： 前言 最近接了一个外包的项目，其中有个需求是这样的，需要展示一个中国的统计地图，要求每个省市区都是不一样的颜色，必须特别区分开。以及隐藏南海部分。看了Echats相关文档，发现有类似的demo，但不是特别符合要求。于是自己仔细读文档研究。找到解决问题于是分享一下。 正文 废话不多少，直接上代码 方法 阅读全文
posted @ 2020-07-09 11:37 威武的大萝卜 阅读(6280) 评论(0) 推荐(0)
echarts中国地图根据数据对省份渲染不同的颜色
摘要： <!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)
vue中的一个 Echarts 和 点击事件
摘要： 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)
vue中echarts引入中国地图
摘要： <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)
上一页 1 ··· 61 62 63 64 65 66 67 68 69 ··· 79 下一页