随笔分类 -  echarts

vue项目中引入echarts中国地图
摘要：最近项目中根据项目需求，展示中国地图 一、下载echarts插件（我这里使用的是 4.9.0 版本） npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts （这里是单独封装了地图组件） components/map.vue <template> < 阅读全文
posted @ 2023-04-24 22:09 IT小姐姐 阅读(1181) 评论(0) 推荐(0)
echarts中设置横向柱状图及其每个柱子设置不同颜色
摘要：var colors =["#73C0DE","#EE6666","#FAC858","#91CC75"]; var dataVal = [120, 200, 150, 80] var option = { xAxis: { type: 'value', // 设置X轴为值轴 splitLine: 阅读全文
posted @ 2022-12-23 10:03 IT小姐姐 阅读(2882) 评论(0) 推荐(0)
echarts柱状图渐变色并且显示数据及柱状图的宽度调整
摘要：series: [{ type: 'bar', name: '起飞', barWidth: '20px', //柱状图的宽度 itemStyle: { normal: { //显示渐变色颜色 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, 阅读全文
posted @ 2022-12-22 09:35 IT小姐姐 阅读(860) 评论(0) 推荐(0)
vue项目引入echarts柱状图
摘要：一。components文件下引入 barCharts.vue文件 <template> <div :class="className" :style="{height:height,width:width}" /> </template> <script> import * as echarts 阅读全文
posted @ 2022-12-21 08:44 IT小姐姐 阅读(291) 评论(0) 推荐(0)
vue 项目引入 echarts折线图
摘要：一。components文件下新建 lineCharts.vue <template> <div :class="className" :style="{ height: height, width: width }" /> </template> <script> import * as echa 阅读全文
posted @ 2022-12-21 08:38 IT小姐姐 阅读(466) 评论(0) 推荐(0)
echarts去除下载小图标
摘要：toolbox: { show: true, orient: 'vertical', left: 'right', top: 'center', feature: { dataView: { readOnly: false }, restore: {}, saveAsImage: {} }}, 把上 阅读全文
posted @ 2022-01-13 09:56 IT小姐姐 阅读(1323) 评论(0) 推荐(0)
echarts —— tooltip 鼠标悬浮显示提示框属性
摘要：tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件, 阅读全文
posted @ 2022-01-12 16:46 IT小姐姐 阅读(1580) 评论(0) 推荐(0)
vue使用echarts引入离线地图（geo.json）并切换省市（以四川为例）
摘要：https://blog.csdn.net/weixin_43374193/article/details/95594419 https://blog.csdn.net/harrisonz8/article/details/103183998/ 阅读全文
posted @ 2021-12-07 15:18 IT小姐姐 阅读(742) 评论(0) 推荐(0)