随笔分类 -  echarts

echarts 设置柱状图宽度
摘要：option={ series:[ { barWidth: 20, name: "预警", type: "bar",//柱状图 stack: "Search Engine", data: [120, 132, 101, 134, 90, 230, 210], color: '#435188', ba 阅读全文
posted @ 2024-03-20 13:42 龙卷风吹毁停车场 阅读(237) 评论(0) 推荐(0)
echarts 去掉Y轴上的背景色
摘要：option={ yAxis: { splitArea: { show: true // 这里设置为false即可去掉Y轴的背景色 }, type: 'value' }, } 阅读全文
posted @ 2024-03-15 14:22 龙卷风吹毁停车场 阅读(197) 评论(0) 推荐(0)
echarts 去掉Y轴上面的刻度标线
摘要：option = { yAxis: { axisTick: { show: false }, axisLine:{ show: false }, type: 'value' } }; 阅读全文
posted @ 2024-03-15 14:15 龙卷风吹毁停车场 阅读(473) 评论(0) 推荐(0)
echarts 设置 Y轴上的坐标轴文案样式
摘要：option = { yAxis: { axisLabel:{ show: true, //是否显示文字 textStyle:{ color: 'red' //文字颜色 } } type: 'value' } }; 阅读全文
posted @ 2024-03-15 14:12 龙卷风吹毁停车场 阅读(329) 评论(0) 推荐(0)
设置echarts 生成canvas内容的区域位置
摘要：option = { grid: { //对饼状图无效，饼状图在series中使用 radius:['0', '90%'], left: '30%', right: '4%', bottom: '3%', containLabel: true } } 阅读全文
posted @ 2024-03-15 13:58 龙卷风吹毁停车场 阅读(186) 评论(0) 推荐(0)
echarts 设置横轴标线的样式（X轴最底部一根除外）
摘要：option = { yAxis: { splitLine:{ lineStyle:{ type:'dashed',//y轴分割线类型 dashed为虚线 color:'red' } }, type: 'value' } }; 阅读全文
posted @ 2024-03-15 13:47 龙卷风吹毁停车场 阅读(438) 评论(0) 推荐(0)
echarts 设置X轴最底部那条线的样式
摘要：option = { xAxis: [ { type: 'category', data: ['九龙坡区', '大渡口区', '禹州区', '沙坪坝区', '大渡口区', '江北区'], axisLine: { lineStyle: { type: 'dashed', // 设置虚线类型 color 阅读全文
posted @ 2024-03-15 13:42 龙卷风吹毁停车场 阅读(282) 评论(0) 推荐(0)
echarts 隐藏X轴底部超出的坐标线
摘要：option = { xAxis: [ { type: 'category', data: ['九龙坡区', '大渡口区', '禹州区', '沙坪坝区', '大渡口区', '江北区'], axisTick: { alignWithLabel: true, show: false } } ], }; 阅读全文
posted @ 2024-03-15 13:38 龙卷风吹毁停车场 阅读(92) 评论(0) 推荐(0)
echarts 设置X轴底部文字颜色
摘要：xAxis: [ { type: 'category', data: ['九龙坡区', '大渡口区', '禹州区', '沙坪坝区', '大渡口区', '江北区'], axisLabel:{ show: true, textStyle:{ color: '#ff6600' //设置 字体颜色 } } 阅读全文
posted @ 2024-03-15 12:00 龙卷风吹毁停车场 阅读(249) 评论(0) 推荐(0)
echarts 饼状图入门使用
摘要：import * as echarts from 'echarts'; var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option; option = { toolt 阅读全文
posted @ 2024-03-15 11:14 龙卷风吹毁停车场 阅读(32) 评论(0) 推荐(0)
echarts 隐藏引导线及引导线线的文字
摘要： 阅读全文
posted @ 2024-03-15 10:14 龙卷风吹毁停车场 阅读(76) 评论(0) 推荐(0)
echarts 将 legend 设置为圆形
摘要： 阅读全文
posted @ 2024-03-15 10:12 龙卷风吹毁停车场 阅读(188) 评论(0) 推荐(0)