vue-echarts-v3 使用 label显示格式
Posted cs122
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-echarts-v3 使用 label显示格式相关的知识，希望对你有一定的参考价值。
<template>
<div class="echarts">
<IEcharts :option="pie" @ready="onReady" @click="onClick"></IEcharts>
</div>
</template>
<script>
import IEcharts from ‘vue-echarts-v3/src/lite.js‘;
import ‘echarts/lib/component/title‘; //引入标题组件
import ‘echarts/lib/component/legend‘; //引入图例组件
import ‘echarts/lib/chart/pie‘;
export default {
components: {IEcharts},
data: () => ({
pie: {
title: {
text: ‘ECharts Demo‘
},
tooltip: {},
legend:{
type: ‘plain‘,
orient: ‘vertical‘,
right: 10,
top: 20,
},
series: [{
type: ‘pie‘,
radius : ‘65%‘,
center : [ ‘50%‘, ‘50%‘ ],
label : {
normal : {
formatter: ‘{b}:{c}: ({d}%)‘,
textStyle : {
fontWeight : ‘normal‘,
fontSize : 15
}
}
},
data: [
{name: ‘A‘, value: 1211},
{name: ‘B‘, value: 2323},
{name: ‘C‘, value: 1919}
]
}]
}
}),
methods: {
onReady(instance) {
console.log(instance);
},
onClick(event, instance, echarts) {
console.log(arguments);
}
}
};
</script>
<style scoped>
.echarts{
width: 400px;
height: 400px;
margin: auto;
text-align: center;
}
</style>
以上是关于vue-echarts-v3 使用 label显示格式的主要内容，如果未能解决你的问题，请参考以下文章
NX二次开发-调内部函数SEL_set_type_filter_index_by_label设置类型过滤器例子剖析怎么查找内部函数调用内部函数