![](https://img-blog.csdnimg.cn/20210711101250505.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Echarts
Echarts
gaolei_eit
这个作者很懒,什么都没留下…
展开
-
Echarts 解决Tab切换 柱状图 渲染从100px到100%的问题
Echarts 柱状图 解决渲染从100px到100%的问题。原创 2023-05-19 14:50:52 · 240 阅读 · 0 评论 -
Echarts 自定义饼图
【代码】Echarts 自定义饼图。原创 2022-10-12 18:27:50 · 596 阅读 · 0 评论 -
Echarts 切换 最后一个加%
【代码】Echarts 切换 最后一个加%原创 2022-09-20 19:23:55 · 256 阅读 · 0 评论 -
Echarts X轴前面加文字
return '\n'+ value +"\n月"原创 2022-09-16 10:02:21 · 814 阅读 · 0 评论 -
Echarts Y轴数值(正负数)转化成 万 亿 单位 (原本的转化有问题,且代码太多,已优化)
Echarts Y轴数值转化成 万 亿 单位。原创 2022-09-08 20:21:07 · 1822 阅读 · 0 评论 -
Echarts 趋势图属性
echarts原创 2022-07-13 17:56:41 · 1201 阅读 · 0 评论 -
Echarts 折线图间隔显示数据
Echarts 间隔显示数据原创 2022-07-12 11:38:36 · 1853 阅读 · 0 评论 -
Echarts 折线图自定义toolTip内容及位置
const trendFunc = () => { option = { title: { text: "" }, grid: { left: 45, top: 30, right: 10 }, tooltip: { trigger: "axis", extraCssText:"z-index:10", position: function (point: any, par.原创 2022-01-09 15:48:58 · 3622 阅读 · 0 评论 -
Echarts 设置柱状图颜色
option = { xAxis: { type: 'category', data: discountRate.member }, yAxis: { type: 'value' }, series: [{ data: discountRate.value, type: 'bar', itemStyle: { normal: { label: { .原创 2022-01-06 11:25:01 · 921 阅读 · 0 评论 -
ECharts 折线图左右滑动
var option = { //dataZoom-inside 内置型数据区域缩放组件 所谓内置 1平移:在坐标系中滑动拖拽进行数据区域平移。2缩放:PC端:鼠标在坐标系范围内滚轮滚动(MAC触控板类同;移动端:在移动端触屏上,支持两指滑动缩放。 dataZoom: [{ type: 'inside', //1平移 缩放 throttle: '50', //设置触发视图刷新的频率。单位为毫秒(ms)。 minValueSpan: 6, //用于限...原创 2021-11-28 16:15:34 · 6448 阅读 · 3 评论 -
Echarts 计算每份占比(等分)
option = { series: [ { type: "gauge", startAngle: 190, endAngle: -10, min: 0, max: 100, axisLine: { lineStyle: { width: 15, color: [ [0.3, "#91BB7E"..原创 2021-11-02 19:36:30 · 837 阅读 · 0 评论 -
Vue3 + vant + Echarts Tab切换不展示第二个tab页图表
// 要写@click事件,不能写@click-tab<van-tabs v-model:active="active" type="card" @click="changeAmount"> <van-tab title="违规金额(除擅自提前营业外)" lazy-render="true"> <div id="main3" v-if="isShowLeftDom"></div> <no-da.原创 2021-10-28 20:43:54 · 942 阅读 · 1 评论 -
Echarts 可滑动柱状图
<div id="main2"></div>const barFunction = () => { option = { backgroundColor: "#FFF", grid: { left: "0", right: "0", bottom: "10", top: "20", containLabel: true }, xAxis: { show: true.原创 2021-10-21 11:24:14 · 1399 阅读 · 0 评论 -
echarts仪表盘自定义刻度
// 计算仪表盘 需要计算真实占比const doDashboardData = (val: any) => { if (val >= 0 && val < 75) { return val * 30 / 75 } else if (val >= 75 && val <= 85) { return 30 + (val - 75) * 40 / 10 } else { return 70 + (val - 8.原创 2021-10-13 16:06:57 · 4584 阅读 · 0 评论 -
echarts仪表盘指针颜色
option = { tooltip : { formatter: "{a} <br/>{b} : {c}%" }, toolbox: { feature: { restore: {}, saveAsImage: {} } }, series: [...原创 2019-09-10 14:27:33 · 8561 阅读 · 0 评论