echarts最简单的南丁格尔玫瑰图+图例

最新推荐文章于 2023-10-20 23:13:21 发布

北北bb_

最新推荐文章于 2023-10-20 23:13:21 发布

阅读量2.4k

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/aurora0_/article/details/126853623

版权

//图标写在方法里面（然后在mounted里展示）
getEcharts(){
var myChart = document.getElementById(‘echarts’);
let echarts = echarts.init(myChart);
var option;
var legends = this.getlowIncomeData_xData; //图例名字（在这里作修改）
// var colors = [‘#138FEF’, ‘#FE79EA’, ‘#27EFA0’, ‘#EEEE80’, ‘#611EA8’]; //可以在这里写全部颜色，也可以在series下面具体到每条数据里写颜色，方法很多种
var data = this.getlowIncomeData //饼图数据（在这里作修改）
option = {
title: {
text: this.getlowIncomeDataNumber_name,//饼图的标题
top: ‘4%’, //标题上边距
left: 10, //标题左边距
textStyle: {
color: ‘#23F0FD’, //标题颜色
fontSize: 24,// 标题字体大小
}
},
// color: colors,
legend: { //图例的属性
orient: ‘vertical’, //图例垂直显示，默认为水平布局“horizontal”
top: “center”, //图例顶部居中
right: “5%”, //图例靠右边距离
itemGap: