文章 2023-07-23 来自:开发者社区

Echarts实战案例代码(59):geomap实现飞线、散点、引导线以及重叠label的解决

数据格式转化 //数据格式转化 var convertData = function (data) { var res = []; for (var i = 0; i < data.length; i++) { var dataItem = data[i]; var fromCoord = geo...

Echarts实战案例代码(59):geomap实现飞线、散点、引导线以及重叠label的解决
文章 2023-07-23 来自:开发者社区

Echarts实战案例代码(55):资金流入流出饼图

var option = { tooltip: { trigger: 'item' }, legend: { orient: 'vertical', left: 'left', show: false }, series:...

Echarts实战案例代码(55):资金流入流出饼图
文章 2023-07-21 来自:开发者社区

Echarts实战案例代码(47):barGap属性实现不同系列的柱间距离且在最后一个 bar系列上才会生效

series: [ { name: '2011年', type: 'bar', barWidth:'50%', data: [18203, 23489, 29034, 104970, 31744, 30230] }, { name...

Echarts实战案例代码(47):barGap属性实现不同系列的柱间距离且在最后一个 bar系列上才会生效
文章 2023-07-19 来自:开发者社区

Echarts实战案例代码(34):柱状图箭头增长下降

//定义两个上下箭头的矢量路径 var up = 'path://M286.031,265l-16.025,3L300,223l29.994,45-16.041-3-13.961,69Z'; var down = 'path://M216.969,292l16.025-3L203,334l-29.994-45,16.041,3,13.961-69Z' series: [ {...

Echarts实战案例代码(34):柱状图箭头增长下降
文章 2023-07-19 来自:开发者社区

Echarts实战案例代码(33):饼状图半圆实现方法

解决方案:按照饼图的实际写法,将所有项作为180°上的饼图,所有相的和作为180°下的半圆不显示即可。let list = [{ name: "张三", value: "9" }, { name: "李四", value: "50" }, { name: "王五", value: "30" }, { name: "马六", valu...

Echarts实战案例代码(33):饼状图半圆实现方法
文章 2023-07-19 来自:开发者社区

Echarts实战案例代码(32):layui模态框弹出框展现echarts不显示的问题

封装layui弹出层函数function getDiv(title, url, w, h) { if (title == null || title == '') { title = false; } if (url == null || url == '') { url = "404.html"; } if (w == n...

Echarts实战案例代码(32):layui模态框弹出框展现echarts不显示的问题
文章 2023-07-19 来自:开发者社区

Echarts实战案例代码(29):来找茬,柱状图在F11全屏下显示三角形的异形情况案例

异常代码: xAxis: { type: 'category', axisTick: { show: false }, axisLine: { show: true, lineStyle: {...

Echarts实战案例代码(29):来找茬,柱状图在F11全屏下显示三角形的异形情况案例
文章 2023-07-19 来自:开发者社区

Echarts实战案例代码(12):Highcharts与Echarts地图geoJSON的比较及使用方法

在数据可视化中,需要做地图信息可视化时,必须用到geoJSON。目前支持地图数据可视化的JS库比较丰富,现以Highcharts与Echarts两个图表库为例,对比下geoJSON的区别!geoJSON是什么?geojson是用json的语法表达和存储地理数据,可以说是json的子集,其格式如下:{ "type": "FeatureCollection", "features": [ ...

Echarts实战案例代码(12):Highcharts与Echarts地图geoJSON的比较及使用方法
文章 2023-07-19 来自:开发者社区

Echarts实战案例代码(8):设置itemStyle渐变color属性实现柱图的伪3D效果的解决方案

重点代码itemStyle: { show: true, color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#C70019' ...

Echarts实战案例代码(8):设置itemStyle渐变color属性实现柱图的伪3D效果的解决方案
文章 2023-07-17 来自:开发者社区

Echarts实战案例代码(6):不设区的地级市行政区划3D工作进度五色图

不设区的市,即不设立市辖区的市。广东省中山市、东莞市,甘肃省嘉峪关市,海南省儋州市、就是没有设立市辖区的地级市,这部分地级市下辖行政区建制为乡级行政区,也为“不设区的市”。一、Echarts核心库的外部调用引入; <script type="text/javascript" src="js/echarts.min.js"></script> <scri...

Echarts实战案例代码(6):不设区的地级市行政区划3D工作进度五色图

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

Quick BI 智能商业分析

中国唯一且连续6年入选 Gartner ABI 魔力象限的BI产品。沉淀阿里巴巴十余年数据分析经验,通过智能的数据分析和可视化能力帮助企业快速构建数据分析平台和决策支持系统。

+关注