
initChart (val) {
// 指定图表的配置项和数据
this.options = {
angleAxis: {
show: false,
max: 144, // 这里将极坐标最大值转换成仪表盘的最大值,(360度除以240度)
type: 'value',
startAngle: 216.5, // 极坐标初始角度,从第一象限算起,大约在7-8点钟角度之间
splitLine: {
show: false // 隐藏坐标
}
},
barMaxWidth: transformChartFontSize(16), // 圆环宽度
radiusAxis: { // 隐藏坐标
show: false,
type: 'category'
},
polar: { // 设置圆环位置和大小
center: ['50%', '50%'],
radius: '140'
},
series: [{
type: 'bar',
data: [{ // 上层圆环,用于显示真实数据
value: val,
itemStyle: {
color: { // 图形渐变颜色方法,四个数字分别代表,右,下,左,上,offset表示0%到100%
type: 'linear',
x: 0,
y: 0,
&nb

本文介绍如何使用ECharts创建仪表盘样式图表,并详细展示了通过配置项实现特定视觉效果的方法,包括自定义颜色渐变、阴影及层级等。
最低0.47元/天 解锁文章
223

被折叠的 条评论
为什么被折叠?



