![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
文章平均质量分 63
蜉蝣&一粟
像风走了八千里,一路奔波了无痕迹。
展开
-
无法访问EChasrts官网的问题之电脑dns解析问题
今天是建党100周年,普天同庆,而我,也遇到了一个百年难遇的问题。 问题的起因来源于我访问不了ECharts官网,访问后的界面是这样的: 起初我以为是echarts官网挂掉了,然后我让朋友访问,朋友那边显示的好好的。于是我以为是我的谷歌浏览器版本没升级,我又去升级了浏览器的版本,然而依旧无果。于是去换了火狐浏览器访问,然而并没有什么卵用。 离谱的是,等我多次刷新后,竟然显示让我登录,这不是SVN的登录提示框吗? 我怀疑...原创 2021-07-01 17:08:25 · 8615 阅读 · 26 评论 -
Vue框架中对ECharts图表进行自定义绘制和拖拽
Vue框架中对ECharts图表进行自定义绘制和拖拽的实现项目需要实现自定义图表X轴和Y轴以及自己绘制图表的功能,并且可以手动拖动修改图表中线条走势。实现的效果如下:实现以上效果,HTML代码如下:<template> <div class="ddosData"> <el-form :inline="true" :model="echartsFor...原创 2019-12-04 17:34:01 · 5483 阅读 · 0 评论 -
ECharts图表X轴或者Y轴单位内容显示不全
现在出现的问题是X轴单位内容显示不全主要代码如下:xAxis中的name为“时长(min)”,但上图只显示了“时” grid: { left: '3%', right: '0', bottom: '3%', ...原创 2019-05-10 13:54:28 · 10266 阅读 · 0 评论 -
echarts中给图表X轴和Y轴加单位,以及让柱形图靠两边显示
项目中需要给图表x轴加单位,这里只给出给X轴加单位的关键代码,其他的代码和步骤可以从这篇博客获取[vue使用ECharts制作圆角柱状图](https://blog.csdn.net/RJN0814/article/details/90020981) xAxis : [ { ...原创 2019-05-10 13:41:51 · 24074 阅读 · 3 评论 -
vue项目使用ECharts的中国地图,设置地图不同板块的颜色以及动态显示效果
本篇讲述在vue中使用echarts的中国地图,以及对不同板块进行渐变色的设置。效果图如下:实现上图效果步骤如下:确保项目中下载了echarts,然后在main.js中引用echartsimport echarts from 'echarts'import 'echarts/map/js/china'Vue.prototype.$echarts = echarts在组件中放...原创 2019-05-10 11:15:18 · 16674 阅读 · 14 评论 -
vue中使用ECharts制作双柱形图堆叠进度条效果
本篇讲述双柱状图堆叠展示的背景效果这里主要实现如下效果:这里主要实现了阴影和圆角柱状图以及隐藏X轴的效果,项目需求如此,便依此进行图表的自定义,下面直接贴代码,代码中会有实现目前效果的注释。首先,要确保项目中下载并且引入了echarts// 在HTML中放置一个容器<div id="myChart1"></div>第二步:在data中定义图表配置项(可以在函...原创 2019-05-09 10:28:13 · 4265 阅读 · 0 评论 -
vue使用ECharts制作圆角柱状图
先展示圆角柱状图形的效果图表中加入了右边框,关于右边框的加入,利用的是双Y轴实现的,想了解的可以看上一篇博客的代码进行操作,本篇讲述柱状图的圆角设置。主要是修改series中的配置,利用barBorderRadius属性进行圆角设置series : [ { name:'使用时长', ...原创 2019-05-09 10:01:30 · 2644 阅读 · 0 评论 -
vue项目中使用ECharts柱状图并利用双Y轴给柱状图添加右边框
本篇讲述在vue项目中使用ECharts柱状图,并利用双Y轴给图表添加右边框应项目要求,UI给的设计图给图表右边添加了右边框,而echarts中大多是无右边框,或是全部加上纵轴线,显示为网格样式,因此在这想到用双Y轴实现需求。首先确保项目中已经安装echarts并且已经引入HTML中放置一个容器即可:<div id="myChart"></div>在data中定...原创 2019-05-09 09:49:58 · 4538 阅读 · 0 评论