![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
米方
倔强的一枚小码
展开
-
echarts 绘制地铁线路
【代码】echarts 绘制地铁线路。原创 2023-03-29 15:07:57 · 951 阅读 · 0 评论 -
echarts 折线图带平均刻度线
【代码】echarts 折线图带平均刻度线。原创 2023-03-29 14:06:22 · 798 阅读 · 0 评论 -
echarts 多折线图自定义tooltip
【代码】echarts 多折线图自定义tooltip。原创 2023-03-29 11:25:56 · 402 阅读 · 0 评论 -
echarts中间实现统计总数的效果
let option = { title: { zlevel: 0, text: ["{value|" + total + "}" + " " + "{name|人}"], rich: { value: { color: "#ffffff", fontSiz...原创 2021-08-30 11:20:00 · 996 阅读 · 0 评论 -
echarts 渲染注意点
echarts.clear()是清空当前实例,会移除实例中所有的组件和图表。1.画echart的时候一定要再mounted方法中初始化,不然没有容器时没法画图的。echarts.dispose()是销毁实例,销毁后实例无法再被使用。如果连图表容器都被销毁了,那就要调用echarts.dispose()销毁实例。4.clear 和dispose区别。3.折线图底下带阴影效果。原创 2023-03-29 10:30:42 · 284 阅读 · 0 评论 -
echart 多折线图双击曲线事件
为什么要加上zrender,因为我要的是点击线,dbclick只触发点,所以要监听2个。如图,需要在双击曲线的时候展示底下的东西,需要监听echart事件。对于zrender的理解,直接上图。原创 2023-03-29 10:14:36 · 934 阅读 · 0 评论 -
echart展示暂无数据
5.关键语句: dom.removeAttribute('_echarts_instance_') 不移除这个dom不展示。3.chart清空,chart一般当成全局,不要放到data里,这样能省一点响应式的开销。如图,需要在点击按钮的时候展示暂无数据,有数据的时候渲染图表,同一个Dom。2.reset函数表示清空原来option有数据的状态。4.接口没数据的时候,设置公用dom显示暂无数据。原创 2023-03-29 10:05:56 · 284 阅读 · 0 评论 -
echarts 横轴设置图表滚动
dataZoom 是在option下面,也就是和series是同层级的。原创 2023-03-29 09:49:18 · 816 阅读 · 0 评论 -
echarts饼图动态旋转效果
echarts饼图可旋转效果原创 2022-06-21 11:17:08 · 2710 阅读 · 0 评论 -
echarts缩放浏览器图表自适应
this.resizeFn = this.debounce(()=>{ this.myCharts.resize()},1000)window.addEventListener("resize",this.resizeFn)debounce(fn,deley){ let timer = null; return function(){ if(timer){...原创 2022-03-31 10:46:29 · 835 阅读 · 0 评论