随笔分类 -  echarts

echarts dataZoom控制滚轮滚动而不是缩放
摘要：const lnbsInit = () => { const chartEle: HTMLElement = document.getElementById("echarts1") as HTMLElement; // chartEle.removeAttribute("_echarts_insta 阅读全文
posted @ 2025-04-07 15:18 番茄西红柿u 阅读(200) 评论(0) 推荐(0)
vue3+ts中使用echarts
摘要：1. 下载 npm install -S echarts 2.使用 方法一（推荐使用） <div class="echart_box" ref="echartDom"></div> <script setup lang="ts"> import * as echarts from "echarts" 阅读全文
posted @ 2023-10-09 17:12 番茄西红柿u 阅读(841) 评论(0) 推荐(0)
微信小程序echarts饼图中数据为0的label和labelline隐藏
摘要：//解决方案series: { data: [ { name: 'a', value: datas.emptycount, labelLine:{show: datas.emptycount== 0 ? false : true}, label:{show: datas.emptycount== 0 阅读全文
posted @ 2022-03-24 17:31 番茄西红柿u 阅读(1208) 评论(0) 推荐(0)
微信小程序 echarts隐藏tooltip
摘要：切换事假中清除echart checkNav(e){ this.setData({ activeIndex: e.currentTarget.dataset.index, activeName: e.currentTarget.dataset.navname, }) tab1Echart.dispa 阅读全文
posted @ 2022-03-14 18:23 番茄西红柿u 阅读(790) 评论(0) 推荐(0)
echarts案例网址
摘要：http://www.ppchart.com/#/ https://www.isqqw.com/#/homepage https://www.isqqw.com/ https://www.xiongze.net/viewdata/index.html https://www.makeapie.cn/ 阅读全文
posted @ 2022-02-23 13:33 番茄西红柿u 阅读(451) 评论(0) 推荐(0)
echarts 3D地图
摘要：地图选择器获取区域json数据（http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4） import fuyang from '../assets/fuyang.json' 阅读全文
posted @ 2020-08-15 17:35 番茄西红柿u 阅读(1374) 评论(0) 推荐(0)
省内地图模拟迁图
摘要：1. 引入echarts中所需省份的js import echarts from 'echarts' import 'echarts/map/js/china.js' import 'echarts/map/js/province/zhejiang.js' provInMap(){ var myCh 阅读全文
posted @ 2020-08-04 10:15 番茄西红柿u 阅读(407) 评论(0) 推荐(0)
中国地图点击切换省级地图
摘要：<template> <div style="width:100%;height:100%;"> <div><span @click="chinaFn">中国</span><span>{{cityName}}</span></div> <div style="width:700px;height:8 阅读全文
posted @ 2020-06-11 14:37 番茄西红柿u 阅读(886) 评论(0) 推荐(0)
echart中国地图
摘要：<div class="chinaMap" id="chinaMap"></div> <script src="./china.js"></script> http://datav.aliyun.com/tools/atlas/#&lat=31.840232667909365&lng=104.282 阅读全文
posted @ 2020-06-08 10:15 番茄西红柿u 阅读(362) 评论(0) 推荐(0)
柱状图配置项
摘要：1. 堆叠形式柱状图 var option = { xAxis: [ { type: "category", // boundaryGap: true,//x轴左右留间距 axisLabel: { color: '#02AEC0', fontSize: 12, }, // 坐标轴 axisLine: 阅读全文
posted @ 2020-04-02 15:15 番茄西红柿u 阅读(278) 评论(0) 推荐(0)
自定义刻度值
摘要：yAxis: [{ max:30, // min:0, type: 'value', minInterval: 6, interval:6， //每次增加几个 }] 阅读全文
posted @ 2020-03-05 11:26 番茄西红柿u 阅读(208) 评论(0) 推荐(0)
vue中拖放窗口时echarts图表自适应
摘要：1. <div id="cityEchart" ref="chart222"> </div> 2. data data(){ return { cityEchart: null } }, 3. methods citySortEchar(){ this.cityEchart = this.$echa 阅读全文
posted @ 2019-12-12 15:45 番茄西红柿u 阅读(598) 评论(0) 推荐(0)
echarts省外地图根据颜色区分数据量
摘要：newPro(){ var data = [ { name: '黑龙江', value: 120057.34 }, { name: '吉林', value: 120057.34 }, { name: '辽宁', value: 120057.34 }, { name: '内蒙古', value: 12 阅读全文
posted @ 2019-12-11 18:25 番茄西红柿u 阅读(2611) 评论(2) 推荐(0)
大屏适配方案
摘要：1. vw（1920*1080等比例缩放） 1. 插件px to rem & rpx & vw (cssrem)，之后可以直接用px开发，插件会将px转换成vw。(此方案底部会出现留白，可通过 vh 实现高度顶满) 2. flexible.js + rem（1920*1080等比例缩放） 1. 工具 阅读全文
posted @ 2019-11-14 10:27 番茄西红柿u 阅读(334) 评论(0) 推荐(0)