echarts雷达图

最新推荐文章于 2024-04-28 08:55:06 发布

Beblien

最新推荐文章于 2024-04-28 08:55:06 发布

阅读量710

点赞数 1

文章标签：大数据 echarts vue.js

本文链接：https://blog.csdn.net/weixin_50656154/article/details/125773488

版权

1：效果如图：

2：代码如下

大家对着数据修改下基本就差不多的了

      const option = {
        title: {
          text: "年度总用电\n\n" + 5,432,
          top: 10,
          left: 80,
          subtext: "KMH",
          textAlign: "center",
          textStyle: { color: "#ffc800", fontSize: 24 },
          padding: [10, 10, 10, 10],
          borderRadius: 8,
          subtextStyle: { color: "#ffc800", fontSize: 14 },
          backgroundColor: "#2d3360",
        },
        textStyle: {
          fontSize: 18,
          color: "white",
        },
        color: ["#0e9cff", "#18f8ee", "#ffc800"],
        radar: {
          center: [270, 240],
          radius: 130,
          shape: "polygon",
          splitNumber: 4,