![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
杨哥杨哥万万岁
男儿当自强不息
展开
-
根据真实数据计算一段时间内价格走势,echarts折线图数据补全方法。
根据真实数据计算一段时间内价格走势,echarts折线图数据补全方法。原创 2022-08-17 17:00:57 · 806 阅读 · 0 评论 -
echarts柱状图根据不同颜色,反映数据涨跌趋势
拿到这样一个需求,用柱状图展示商品不同日期的不同价格,并且需要反映出数据的涨跌(红色柱子表示同比前一天上涨,绿色柱子表示同比前一天下跌),类似股票的展现形式。实现出来的效果是这样的老样子,文字说明都在代码注释里,vue项目直接跑<template> <!-- echarts柱状图根据不同颜色,反映数据涨跌趋势 --> <div id="main" ref="charts"></div></template>原创 2022-04-11 10:30:50 · 1785 阅读 · 0 评论 -
EchartsY轴刻度自适应,解决数据变化较小且值过大问题
当折线图数据变化较小,数据值普遍较大时会出现这种情况,看起来很不美观(比较啰嗦,可以直接拉到底看最终代码)解决方案很容易想到,给Y轴设置最大值最小值,这样:yAxis:{ min: (value) => { return value.min }, max: (value) => { return value.max }}但是这种情况会出现Y轴刻度这样:考虑这种情况,我们可以对返回值取整,看起来好看一些,这样:yAxis...原创 2020-07-10 10:53:48 · 18799 阅读 · 7 评论 -
动态设置echarts高度,适应数据量
echarts热力图,由于数据过多,客户要求全部显示出来可以在echarts初始化之前,根据数据的量动态设置echarts高度代码:let dom = document.getElementById("charts1")dom.style.height = `${数据列表.length * 20}px`...原创 2019-12-19 17:47:35 · 2437 阅读 · 0 评论