echarts
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
echarts 多个series时自定义tooltip切换图例legend报错
bug:当series有两条数据,legend取消一条后hover到echarts中会报错。tooltip:下的错误代码。原创 2023-05-16 16:41:04 · 478 阅读 · 0 评论 -
iframe 嵌套外部地址导致外部页面中的echart样式失效
注:echart在iframe中使用不可以作百分号为单位不然样式会失效。我这里是跨域的还是两个项目。原创 2023-02-23 10:22:40 · 741 阅读 · 0 评论 -
vue+echarts饼图让label文字换行
mounted() { this.initEcharts(this.pieChartList, this.index) }, methods: { initEcharts(item, index) { const _this = this _this.myEcharts = echarts.init(document.getElementById(`myChart${index}`)) ...原创 2021-09-17 09:20:26 · 3613 阅读 · 1 评论 -
vue echarts 地图外边框阴影
这里部分写的假数据,根据需求修改 data() { return { myEcharts: null, scatterData: [ { name: '广州市', value: [ 113.280637, 23.125178]原创 2021-08-02 16:28:14 · 3485 阅读 · 2 评论 -
vue echarts 拆线图宽度不够tooltip被覆盖
解决问题: tooltip: { trigger: 'axis', backgroundColor: "#fff", //设置背景图片 rgba格式 textStyle: { color: "rgba(0, 0, 0, 0.65)" //设置文字颜色 }, .原创 2021-08-02 09:40:07 · 294 阅读 · 0 评论 -
vue env环境控制页面的显示隐藏
需求:打包不同的环境控制页面的渲染不同;这个不同与多个项目分开打包,这个是所有js,css都是共享的;只是在不同环境下;要显示的单个页面功能不同代码地址:切换主题皮肤与不同环境打包显示和隐藏部分页面上代码以下为页面结构.env.client.production,环境配置webpack.json文件配置页面使用...原创 2021-07-31 22:21:43 · 316 阅读 · 0 评论 -
vue动态创建多个echarts饼图(pie)销毁及监听窗口大小变化更新
需求(根据后台数据,动态创建多个饼图)假数据 leftList: [ { title: '停车总数', total: '4,677' }, { title: '对接成功', total: '4,677', v.原创 2021-07-30 16:13:23 · 767 阅读 · 0 评论 -
vue echarts pie饼图修改label文字颜色及改变标示线的长度,改变标示文字的颜色
最终效果图上代码–我这里是for循环出来的;因为可能有多个 <el-card class="box-card" v-for="(item , i) in leftList" :key="i"> <div v-if="item.title !== '停车场状态占比'"> <p class="box-title">{{item.title}}<i class="title-rbg-shadow">&.原创 2021-07-29 15:38:42 · 5397 阅读 · 0 评论 -
vue echarts使用 type: ‘hideTip‘,失效
注意:5.0的版本不支持type:'hideTip',api官网地址npm uninstall echartsnpm install echarts@4.9.0 --save myChartMap.dispatchAction({ type: 'hideTip', })原创 2021-07-02 15:08:24 · 1792 阅读 · 0 评论 -
vue+Echarts实现雷达图表(radar)
<template> <div> <div id="myChart" :style="{ width: '600px', height: '400px' }"></div> </div></template><script>export default { name: 'Radar', data() { return {} }, mounted() { this....原创 2021-06-17 17:14:20 · 5787 阅读 · 5 评论 -
vue+Echarts饼图Pie实现南丁格尔图
<template> <div> <div id="myChart" :style="{ width: '600px', height: '400px' }"></div> </div></template><script>export default { name: 'Pie', data() { return {} }, mounted() { this.d...原创 2021-06-17 16:51:12 · 1201 阅读 · 0 评论 -
vue+echarts散点图和涟漪效果图
散点图控制气泡效果,散点大小不同,散点颜色不同,涟漪动画效果原创 2021-06-16 21:35:07 · 1189 阅读 · 0 评论 -
vue+echarts 实现拆线图效果:标记最大值最小值,平均值,标注区间,线条控制:平滑风格,填充风格,x轴起始位置紧挨边缘,缩放:scale脱离0值比例 stack 堆叠图
实现拆线图效果:标记最大值最小值,平均值,标注区间,线条控制:平滑风格,填充风格,x轴起始位置紧挨边缘,缩放:scale脱离0值比例 stack 堆叠图原创 2021-06-16 20:47:33 · 614 阅读 · 0 评论 -
vue+echarts使用地图涟漪效果
<template> <div> <div id="myChart" :style="{ width: '1000px', height: '800px', margin: 'auto' }" ></div> </div></template><script>import { map } from "./../api/china";export default ...原创 2021-06-15 19:19:22 · 690 阅读 · 0 评论 -
vue+echarts柱状Bar图的实现
uw原创 2021-06-16 19:49:36 · 573 阅读 · 0 评论