2019-11-01(echart户环状图, 柱状图, 南丁格尔罗丝图数据)

最新推荐文章于 2023-05-16 09:59:12 发布

MonsteriU

最新推荐文章于 2023-05-16 09:59:12 发布

阅读量168

点赞数

分类专栏：工作经验文章标签： echart

本文链接：https://blog.csdn.net/MonsteriU/article/details/102864503

版权

本文详细介绍了Echarts库中三种常用的数据可视化图表：环状图用于展示部分与整体的关系，柱状图用于比较不同类别的数据量，而南丁格尔罗丝图则以独特的方式展示比例分布，尤其适用于医疗健康领域的数据展示。

摘要由CSDN通过智能技术生成

1, 环状图

//  饼状图数据
      option1: {
   
        color: ["#fbb03b", "transparent"],
        series: [
          {
   
            name: "综合利用率",
            type: "pie",
            radius: ["60%", "95%"], // 半径
            center: ["50%", "50%"], // 位置
            hoverAnimation: false,
            label: {
   
              normal: {
   
                show: false,
                position: "center", //标签的位置
                textStyle: {
   
                  fontWeight: 700,
                  fontSize: "12", //文字的字体大小
                  color: "#fff"
                },
                formatter: "{d}%"
              }
            },
            data: [
              {
   
                value: 44,
                name: "利用",
                itemStyle: {
   
                  normal: {
   
                    label: {
   
                      show: true,
                      fontSize: "12",
                      fontWeight: "bold",
                      formatter: "{d}%"
                    },
                    //颜色渐变
                    color: new this.$echarts.graphic.LinearGradient