【急】echarts3 求大神告知仪表盘更换样式~ - echarts吧

level 2

湮莈Xx 楼主

图一：

图二：

我想把图一的仪表盘默认样式换乘图二半圆的这个样式。官网中通过更换主题按钮切换的仪表盘样式，但是没有实际的demo~具体是怎么实现更换样式的？

2016年11月09日 08点11分 1

level 1

情根深种💕

很简单，调一下开始角度和结束角度就可以

2016年11月11日 03点11分 2

level 1

leexm2012

仔细看API。

2016年11月11日 05点11分 3

level 1

cjb829

startAngle: 135,
endAngle: 45,
这2个角度改下就可以

2017年04月18日 03点04分 4

level 1

汤连颖

颜色你弄好了吗？
我不会弄颜色

2017年06月15日 05点06分 5

level 1

花开戈壁滩

把series换成下面的
series: [{startAngle: 180, //开始角度左侧角度
endAngle: 0, //结束角度右侧
name: '河流条数仪表盘',
type: 'gauge',
center: ['50%', '80%'], // 默认全局居中
radius: '130%',
min: 0,
max: 400, //河流最大条数
splitNumber: 10,
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [
[100 / 400, '#4F8BBF'],//根据实际数据动态改变
[1, '#DCDDDD'],
[1, '#DCDDDD']
],
width: 10, //半径
shadowColor: '#fff', //默认透明
shadowBlur: 1
}
},
pointer: {
width: 3,
color: '#D6654E',
//shadowColor: '#fff', //默认透明
//shadowBlur: 5,
length: "80%",
},
axisLabel: {
//show:false,
// 坐标轴小标记
textStyle: { // 属性lineStyle控制线条样式
fontWeight: 'bolder',
color: 'transparent', //刻度数字颜色隐藏
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
axisTick: { // 坐标轴小标记
length: 12, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'transparent', //坐标轴小刻度线颜色
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
splitLine: { // 分隔线
length: 20, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
width: 3,
color: 'transparent', //分割线
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
title: {
offsetCenter: [0, '-110%'], // x, y，单位px
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder',
fontStyle: 'italic',
color: '#000',
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
detail: { //show : true ,
borderColor: '#fff',
shadowColor: '#fff', //默认透明
width: 80,
height: 30,
offsetCenter: [0, '10%'], // x, y，单位px
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder',
fontSize: 14,
color: '#000'
},
formatter: '{value}条'
},
data: [{
value: 100,
name:"仪表盘标题"
}]
}]

2017年08月22日 03点08分 6