AI 助理
备案控制台
文章 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实战案例代码(11)：利用geojson数据地图map组件生成js本地版直接访问的解决方案

series-map组件，在构建地理区域数据可视化时，一般是使用getJSON()来获取geojso数据，然后进行渲染。但是使用$.getJSON()就必须在http服务下进行访问，需要搭建http服务器。代码如下： //调用地图geojson $.getJSON('geojson/au-all.geo.json', function (data) { //some codes; ...

文章 2023-07-19 来自：开发者社区

Echarts实战案例代码(10)：echarts结合世界所有国家地图数据集geojson的（英文翻译映射）解决方案

国外地图，默认GeoJSON文件为英文，为了阅读友好化体验，一般需要将地区的名称翻译成中文。一种方式是修改GeoJSON文件内部，找到对应地区的name属性，直接替换成相应的中文即可，这种方式在众多的数字中找名字，比较费时费力。一种是使用echarts图表库geo组件中的nameMap属性，自定义地区的名称映射，即可自动翻译（映射）。 nameMap: {//自定义地区的名称映射 ...

Echarts实战案例代码(10)：echarts结合世界所有国家地图数据集geojson的（英文翻译映射）解决方案
文章 2023-07-19 来自：开发者社区

Echarts实战案例代码(9)：图表纹理填充的解决方案（柱图为例）

一、设置base64图片；var piePatternSrc = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABECAIAAABVrR+cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2t....

Echarts实战案例代码(9)：图表纹理填充的解决方案（柱图为例）
文章 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-19 来自：开发者社区

Echarts实战案例代码(7)：柱图实现显示多组数据label标签的解决方案

一、创建数组：var dataName = ["A", "B", "C", "D", "E"]; var datalabel = [100, 2, 3, 12, 13]; var data = [18203, 23489, 29034, 104970, 131744];二、设置optionvar option = { tooltip: { trigger: 'axis',...

Echarts实战案例代码(7)：柱图实现显示多组数据label标签的解决方案
文章 2023-07-17 来自：开发者社区

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

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

Echarts实战案例代码(6)：不设区的地级市行政区划3D工作进度五色图
文章 2023-07-17 来自：开发者社区

Echarts实战案例代码(5)：liquidFill水球组件利用svg path定制你自己的个性化图标动态图

svg水球图演示效果如上述的动态水球图效果，替换不同的svg图片即可实现不同的动态水球效果。svg格式说明（百度百科）SVG是一种图像文件格式，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一....

Echarts实战案例代码(5)：liquidFill水球组件利用svg path定制你自己的个性化图标动态图
文章 2023-07-17 来自：开发者社区

Echarts实战案例代码(4)：地图散点气泡图飞线(迁徙线)API接口前端处理数据的解决方案

在使用Echarts地图组件时，做飞线或散点气泡图，需要转换经纬度格式。（如需转载，请注明来源于漏刻有时数据可视化数据分析研究中心）一、标准的JSON数据API接口，后端无论是php\python\java都可以，只要生成对应的JSON数据格式即可。{ "err": "", "res": "", "data": [ { "lineId": "1", "...

Echarts实战案例代码(4)：地图散点气泡图飞线(迁徙线)API接口前端处理数据的解决方案
文章 2023-07-17 来自：开发者社区

Echarts实战案例代码(3)：饼图pie之南丁格尔玫瑰图rose实现代码

var myChart = echarts.init(document.getElementById('echarts_2')); var option = { color: ["#a71a4f", "#bc1540", "#c71b1b", "#d93824", "#ce4018", "#d15122", "#e7741b", "#e58b3d", "#...

Echarts实战案例代码(3)：饼图pie之南丁格尔玫瑰图rose实现代码

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

ECharts更多案例相关

ECharts您可能感兴趣

Quick BI 智能商业分析

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

+关注