![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts案例
一行注释
这个作者很懒,什么都没留下…
展开
-
echarts河流图
option = {tooltip: {width: 1,},legend: {},},series: [},原创 2024-09-06 14:17:03 · 66 阅读 · 0 评论 -
echarts 仪表盘
{ name: '城镇化率', value: 220, unit: '%', pos: ['16.6%', '25%'], range: [0, 400] },{ name: '医院增长率', value: 32, unit: '%', pos: ['49.8%', '25%'], range: [0, 60] },radius: '33.33%', // 1行3个。// 内侧指针、数值显示。原创 2024-09-06 14:07:20 · 179 阅读 · 0 评论 -
echarts 漏斗图
/ color: '#668eff' // 100% 处的颜色。// color: '#1cd389' // 0% 处的颜色。color: '#ffc751' // 100% 处的颜色。color: '#ff6e73' // 100% 处的颜色。color: '#ffc751' // 0% 处的颜色。color: '#ff6e73' // 0% 处的颜色。// global: false // 缺省为 false。source: '即将成交',原创 2024-09-06 14:05:52 · 60 阅读 · 0 评论 -
echarts多数据雷达图
symbolSize: 2.5, // 单个数据标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10] 表示标记宽为20,高为10。color: ['#141c42', '#141c42'], // 分隔区域颜色。orient: 'horizontal', // 图例列表的布局朝向,默认'horizontal'为横向,'vertical'为纵向.itemGap: 21, // 图例每项之间的间隔。// opacity: 0.5// 图形透明度。原创 2024-09-06 14:03:01 · 138 阅读 · 0 评论 -
echarts饼图自定义label信息
/ data: ['高等教育学'],name: '总考生数量',text: '总考生数',name: '青岛职业技术学院'name: '淄博师范高等专科'name: '曲阜师范大学'name: '山东师范大学'name: '潍坊学院'name: '鲁东大学'原创 2024-09-06 14:01:58 · 230 阅读 · 0 评论 -
echarts 散点图绘制地图线路图
/ edgeSymbolSize: [0, 8], //边两端的标记大小,可以是一个数组分别指定两端,也可以是单个统一指定。coordinateSystem: "cartesian2d", //使用二维的直角坐标系(也称笛卡尔坐标系)target: "机场西(T1、T2、T3)",target: "西安科技大学",source: "西安科技大学",target: "建筑科技大学",source: "建筑科技大学",target: "机场(T5)",source: "机场(T5)",原创 2024-09-06 13:54:43 · 227 阅读 · 0 评论 -
echarts 折线图标记最大最小点
data: ['访问量', '订单量']name: '最大值',name: '最大值',data.push(i + "日");name: '最小值'name: '最小值'name: "访问量",name: "订单量",原创 2024-09-06 13:50:20 · 205 阅读 · 0 评论 -
echarts 水平柱图 科技风
echarts 水平柱图 科技风原创 2024-09-06 13:39:16 · 301 阅读 · 0 评论 -
echarts3D立体图
echarts3D立体图原创 2024-09-06 13:37:31 · 173 阅读 · 0 评论 -
echarts横向进度条
echarts 进图条 横向原创 2024-09-06 13:33:26 · 276 阅读 · 0 评论 -
echarts案例 堆叠图
echarts bar stack堆叠原创 2024-09-06 11:55:45 · 310 阅读 · 0 评论