Echarts怎么实现下面这种效果:
重点:
- 下面代码中的
series
设置里面,使用两个重合的饼形图实现此种效果。 - 在label中的position属性中(说明文字为“
outer
”,百分比为“inner
”) - labelLine中的
show
属性(说明文字为true
,百分比为true
)
initCharts() {
let myChart = this.$echarts.init(this.$refs.chart, "shine");
// 绘制图表
myChart.setOption({
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
series: [
//重点在这里,以下代码实现图中效果,使用两个重合的饼形图实现此种效果。
// 饼形图的大小位置等都一样。唯一不同的就是label中的position属性
//(说明文字为“outer”,百分比为“inner”)
// labelLine中的show属性(说明文字为false,百分比为true)
//和显示文字(一个显示百分比,一个显示说明文字)
{
name: '',
type: 'pie',