upStar1的博客

折柱混合、单环形饼状图、双环形饼状图

之前几篇echarts的文章是实现了静态的柱状图、折线图、饼状图、地图，在项目中我们肯定是需要获取后端接口，将后端返回的数据显示在图表上，所以这次就记录一下如何实现echarts的动态数据绑定。......

echarts有几个主要的字段，title、legend、xAxis、yAxis、tooltip、series。title图表的标题legend用来标志图表数据，data字段的数组需要对应每个柱条的名称，鼠标hover到最顶部的legend标志，可以标志对应的图，点击legend标志会隐藏对应的图。xAxis配置x轴数据、样式、名称yAxis配置y轴数据、样式、名称tooltip鼠标放到图上展示的数据样式，trigger: 'axis' (有axis/item...

最近项目需要用到地图，echarts本来是有地图的，但是5.0版本之后就没有了，所以如果要用echarts中的地图，需要下载5.0版本之前的地图。项目需要在点击某一地区，就出现该地区指定的数据。1.首先导入echarts（需要全局导入，全局导入可以看之前的文章vue项目引入element ui、iview和echarts_芝士焗红薯的博客-CSDN博客，使用到echarts的页面还需要单独引入）和地图，我这里用的地图是在DataV.GeoAtlas地理小工具系列这个网站下载的。<scri

在这篇文章里vue中使用echarts自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客，总结了echarts的一些简单用法，这篇文章，一个是在原来的自定义浮窗内容上，实现了地图的颜色渐变，一个是简化了地图的样式。1.简化地图样式上篇文章地图的样式感觉是带点发光的虚影，是立体的，具体代码如下（写在geo里）：// 地图区域的样式设置 itemStyle: { normal: { borderColor: 'rgba(147, 235, 248,

在vue中使用echarts实现地图自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客_浮窗vue中介绍了echarts中地图的简单使用，实现了自定义浮窗的功能。在vue中使用echarts实现地图颜色渐变及自定义浮窗内容_芝士焗红薯的博客-CSDN博客实现了地图上地区的颜色渐变，对地图进行了一些简化。在很多大屏功能上是需要地图实现很密集的散点图，这个可以参考别的文章，本文使用散点图，是因为客户需要显示省直的信息，我个人认为在旁边放个点或者什么东西显示省直信息太奇怪了，正好想学一下散点，所以就用一