![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
文章平均质量分 79
echarts汇总
芝士焗红薯
不干活就没饭吃
展开
-
vue中使用echarts绘制折柱混合图、环形饼状图
折柱混合、单环形饼状图、双环形饼状图原创 2022-11-08 16:16:39 · 1912 阅读 · 1 评论 -
vue中使用echarts实现动态数据绑定、获取后端接口数据
之前几篇echarts的文章是实现了静态的柱状图、折线图、饼状图、地图,在项目中我们肯定是需要获取后端接口,将后端返回的数据显示在图表上,所以这次就记录一下如何实现echarts的动态数据绑定。......原创 2022-06-21 17:35:31 · 17434 阅读 · 15 评论 -
vue中使用echart绘制柱状图、折现图、饼状图
echarts有几个主要的字段,title、legend、xAxis、yAxis、tooltip、series。title图表的标题legend用来标志图表数据,data字段的数组需要对应每个柱条的名称,鼠标hover到最顶部的legend标志,可以标志对应的图,点击legend标志会隐藏对应的图。xAxis配置x轴数据、样式、名称yAxis配置y轴数据、样式、名称tooltip鼠标放到图上展示的数据样式,trigger: 'axis' (有axis/item...原创 2022-05-19 16:57:26 · 4281 阅读 · 0 评论 -
vue中使用echarts实现地图自定义浮窗内容及样式
最近项目需要用到地图,echarts本来是有地图的,但是5.0版本之后就没有了,所以如果要用echarts中的地图,需要下载5.0版本之前的地图。项目需要在点击某一地区,就出现该地区指定的数据。1.首先导入echarts(需要全局导入,全局导入可以看之前的文章vue项目引入element ui、iview和echarts_芝士焗红薯的博客-CSDN博客,使用到echarts的页面还需要单独引入)和地图,我这里用的地图是在DataV.GeoAtlas地理小工具系列这个网站下载的。<scri原创 2022-05-26 18:02:26 · 7043 阅读 · 0 评论 -
vue中使用echarts实现地图颜色渐变及自定义浮窗内容
在这篇文章里vue中使用echarts自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客,总结了echarts的一些简单用法,这篇文章,一个是在原来的自定义浮窗内容上,实现了地图的颜色渐变,一个是简化了地图的样式。1.简化地图样式上篇文章地图的样式感觉是带点发光的虚影,是立体的,具体代码如下(写在geo里):// 地图区域的样式设置 itemStyle: { normal: { borderColor: 'rgba(147, 235, 248,原创 2022-05-30 15:25:08 · 4225 阅读 · 7 评论 -
vue中使用echarts实现地图散点图
在vue中使用echarts实现地图自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客_浮窗vue中介绍了echarts中地图的简单使用,实现了自定义浮窗的功能。在vue中使用echarts实现地图颜色渐变及自定义浮窗内容_芝士焗红薯的博客-CSDN博客实现了地图上地区的颜色渐变,对地图进行了一些简化。在很多大屏功能上是需要地图实现很密集的散点图,这个可以参考别的文章,本文使用散点图,是因为客户需要显示省直的信息,我个人认为在旁边放个点或者什么东西显示省直信息太奇怪了,正好想学一下散点,所以就用一原创 2022-05-31 15:28:48 · 4818 阅读 · 0 评论