
echarts案例
文章平均质量分 86
一行注释
这个作者很懒,什么都没留下…
展开
-
echarts热力图
{ name: '严重', data: [], color: '#7e0023' },text: '10-01至10-12 PM10小时数据分布',otherName: '一级',otherName: '二级',otherName: '三级',otherName: '四级',otherName: '五级',otherName: '六级',name: '轻度',name: '中度',name: '重度',* @description 获取AQI等级。name: '优',name: '良',原创 2024-10-29 19:14:20 · 718 阅读 · 0 评论 -
echarts盒须图
offsetCenter : [0, '75%'],//设置在线率位置。value: data[1],name:"离线:"value: percent,name:"在线率"value: 70,name:"在线:"name: '内层数据刻度',name: '外层辅助',name: '最内层线',原创 2024-10-29 19:12:37 · 632 阅读 · 0 评论 -
echarts K线图
coord: ['2013/5/31', 2300], //指定数据的坐标位置。////////////////////////图标标注//////////////////////////////////////////////////////////////图标标线///////////////////////////symbol: ['none', 'none'], //标线两端的标记类型。//splitNumber: 20, //坐标轴的分割段数,预估值,在类目轴中无效。原创 2024-10-29 19:09:21 · 613 阅读 · 0 评论 -
echarts关系图
{ id: 'illegal_node_fy', name: '法院强制执行', x: 350, y: 400, nexts: [{ next: null, name: '强制执行' }] },{ id: 'illegal_node_ja', name: '结案', x: 500, y: 200, nexts: [{ next: null, name: null }] },{ id: null, name: '结束', x: 500, y: 0, nexts: [] },原创 2024-10-29 19:20:09 · 813 阅读 · 0 评论 -
echarts水滴图
data: [0.5, 0.5], // data个数代表波浪数。type: 0, //0-5 0 为 优 良 轻度 中度 重度 严重。// splitNumber: 90, // 分成20个小分隔。// radius: '100%', // 和占比环重合。widthString: '300px', // 宽度,fontSize: '50px', //文本字号。text: '50%', //显示文本。原创 2024-10-29 19:25:36 · 974 阅读 · 0 评论 -
echarts3D地图
color: "rgba(58,149,253,0.75)", // 50% 处的颜色。color: "rgba(3,27,78,0.75)", // 0% 处的颜色。color: "rgba(3,27,78,0.75)", // 0% 处的颜色。areas: ["哈尔滨", "鹤岗", "黑河", "绥化", "大庆", "佳木斯"]areas: ["济南", "青岛", "淄博", "烟台", "威海", "临沂"]areas: ["昆明", "玉溪", "丽江", "普洱", "临沧"]原创 2024-10-29 19:54:53 · 781 阅读 · 0 评论 -
echarts词云图
return `热度:${p.data.count}趋势:${("word": "生日快乐","name": "生日快乐","word": "李泽言","name": "李泽言","word": "踢踢","name": "踢踢","word": "快乐","name": "快乐","word": "客服","name": "客服","word": "升华","name": "升华","word": "生日","name": "生日","word": "脸书","name": "脸书",原创 2024-10-29 19:52:01 · 684 阅读 · 0 评论 -
echarts旭日图
color: "#3090EA", // 100% 处的颜色。color: "#3090EA", // 100% 处的颜色。color: "#3090EA", // 100% 处的颜色。color: "#81C2FF", // 0% 处的颜色。color: "#81C2FF", // 0% 处的颜色。color: "#81C2FF", // 0% 处的颜色。name: '三国对峙的纪传体国别史,\n《三国演义》的创作源泉',name: '汪洋捭阖,仪态万方,\n晚周诸子之作,莫能先也',原创 2024-10-29 19:51:22 · 697 阅读 · 0 评论 -
echarts树形图
let dataname = ['智能手环/手表', '呼叫器', '智能门锁', '智能床垫', '烟雾报警器', '浸水报警器', '燃气报警器', '人体感应器', '定位器']name: '草药',name: '化验',name: '诊察',name: '西药',name: '其他',name: '麻醉',name: '护理',name: '放射',name: '材料',name: '其他',name: '麻醉',name: '护理',name: '放射',name: '材料',原创 2024-10-29 19:33:22 · 911 阅读 · 0 评论 -
echarts仪表盘
offsetCenter : [0, '75%'],//设置在线率位置。value: data[1],name:"离线:"value: percent,name:"在线率"value: 70,name:"在线:"name: '内层数据刻度',name: '外层辅助',name: '最内层线',原创 2024-10-29 19:21:06 · 676 阅读 · 0 评论 -
3D空间xyz轴折线图
3D空间xyz轴折线图原创 2024-10-29 16:09:18 · 906 阅读 · 0 评论 -
echarts地图带路径信息
北京->" + name + "</span><br/><span>均价:" + price + "</span><br/><span>线路数:" + num + "原创 2024-09-06 14:23:03 · 1244 阅读 · 0 评论 -
echarts河流图
option = {tooltip: {width: 1,},legend: {},},series: [},原创 2024-09-06 14:17:03 · 672 阅读 · 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 · 989 阅读 · 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 · 861 阅读 · 0 评论 -
echarts饼图自定义label信息
/ data: ['高等教育学'],name: '总考生数量',text: '总考生数',name: '青岛职业技术学院'name: '淄博师范高等专科'name: '曲阜师范大学'name: '山东师范大学'name: '潍坊学院'name: '鲁东大学'原创 2024-09-06 14:01:58 · 1192 阅读 · 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 · 1174 阅读 · 0 评论 -
echarts 折线图标记最大最小点
data: ['访问量', '订单量']name: '最大值',name: '最大值',data.push(i + "日");name: '最小值'name: '最小值'name: "访问量",name: "订单量",原创 2024-09-06 13:50:20 · 1156 阅读 · 0 评论 -
echarts 水平柱图 科技风
echarts 水平柱图 科技风原创 2024-09-06 13:39:16 · 1473 阅读 · 0 评论 -
echarts3D立体图
echarts3D立体图原创 2024-09-06 13:37:31 · 900 阅读 · 0 评论 -
echarts横向进度条
echarts 进图条 横向原创 2024-09-06 13:33:26 · 1042 阅读 · 0 评论 -
echarts案例 堆叠图
echarts bar stack堆叠原创 2024-09-06 11:55:45 · 1124 阅读 · 0 评论