![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
fk129
这个作者很懒,什么都没留下…
展开
-
echarts 关系图
先放一张效果图// 基于准备好的dom,初始化echarts实例myChart = echarts.init(document.getElementById('relationChart'));// 数据格式let data = { nodes: [{ name: '王大妈', category: 0 }, { name: '王二麻子', category: 1 }, {原创 2020-07-15 10:23:35 · 1306 阅读 · 5 评论 -
在vue项目中使用echarts
项目中我们想要数据可视化处理,并且简单明了多元化的展示统计数据。这种情况下,数据图表展示成为了一种选择。那么图表展示工具Echarts、Highcharts也就呈现在我们眼前。官方文档:Echarts:https://www.echartsjs.com/zh/index.htmlHighcharts:https://www.highcharts.com.cn/在html中使用图表我们查看...原创 2020-04-29 09:56:03 · 227 阅读 · 0 评论 -
echarts 柱状图、折线图配置整理
//柱状图、折线图option = { // 自定义图表颜色 color:['#3979a8'], tooltip : { // 提示框触发类型 可选 item(散点,饼图) | axis(柱状,折线) | none trigger: 'axis', ...原创 2018-07-27 11:20:18 · 282 阅读 · 0 评论 -
echarts饼图(环形图)的配置整理
//扇形图option = { //定义图表颜色 color:['#2756ca','#ff7b4a','#628cef','#ecb11e','#e4007f','#009944','#81b73f','#e60012','#8B8B00','#97FFFF'], tooltip: { //...原创 2018-07-27 11:21:43 · 3309 阅读 · 0 评论 -
echarts 叠加地图区域板块颜色
var myChart = echarts.init(document.getElementById('main')); var option = { ***dataRange: { x: 'left', y: 'bottom', splitList: [ ...原创 2018-10-09 16:46:11 · 2786 阅读 · 0 评论 -
echarts 区域地图 添加标注
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title&a原创 2018-10-16 17:21:11 · 19159 阅读 · 5 评论 -
ecahrts根据类型设置对应颜色
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="https://cdnjs.cloudflare.c...原创 2019-04-16 10:33:24 · 580 阅读 · 0 评论 -
echarts区域地图 geoJSON数据获取
使用echarts完成区域地图展示时,我们需要GeoJSON数据,可点击下面的链接获取相应数据http://datav.aliyun.com/tools/atlas/#&lat=33.54139466898275&lng=104.2822265625&zoom=4...原创 2019-05-13 14:49:18 · 7720 阅读 · 0 评论