随笔分类 -  echarts

echarts 使用
echart柱状图 左右两个柱状图
摘要：效果如下： const Xdata = ["1:50", "200:1", "10:10", "100:100"]; const fp_key = ["入栏", "标题", "出栏"]; // 左侧数据 const LF_val = [2200, 1200, 2500, 200]; // 右侧数据 阅读全文
posted @ 2025-08-05 09:27 蓝色精灵jah 阅读(40) 评论(0) 推荐(0)
echart图表折线图
摘要：var cdata=[ 2000.56, 1800, 2239.56, 3239.56, 2239.56 ] let lineColor=['#C5E879', '#2DF0DB'] let cxdata=[2021,2022,2023,2024,2025] // 增长率数据，正数为增长（↑），负数 阅读全文
posted @ 2025-08-05 09:24 蓝色精灵jah 阅读(45) 评论(0) 推荐(0)
Echarts实现隐藏x轴，y轴，刻度线，网格
摘要：xAxis: { show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 axisTick:{ show:false // 不显示坐标轴刻度线 }, axisLine: { show: false, // 不显示坐标轴线 }, axisLabel: { show: false, 阅读全文
posted @ 2024-07-24 11:03 蓝色精灵jah 阅读(1987) 评论(0) 推荐(0)
echarts 环形图（圆角）
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewpor 阅读全文
posted @ 2022-05-17 11:37 蓝色精灵jah 阅读(3577) 评论(0) 推荐(0)
echarts 柱状图 window.onresize
摘要：柱状图 动态处理数据 echart图跟随屏幕自适应变化 阅读全文
posted @ 2022-03-17 18:28 蓝色精灵jah 阅读(197) 评论(0) 推荐(0)