echarts 雷达图部分参数配置

最新推荐文章于 2024-06-19 20:53:45 发布

多踩坑才能少敲bug

最新推荐文章于 2024-06-19 20:53:45 发布

阅读量1.5k

点赞数

文章标签： echarts vue.js javascript

本文链接：https://blog.csdn.net/m0_57963535/article/details/120393835

版权

最近在复现 ant design pro（vue）借此机会总结一些雷达图的参数配置持续更新

目前呈现出来的图是这样的

部分参数设置如下

父组件：

<template>
  <div id="workbench">
    <Chart :option="option" />
  </div>
</template>

<script>
import Chart from "../../components/chart.vue";

export default {
  name: "workbench",
  components: {
    Chart,
  },
  data() {
    return {
      option: {
        // 标题
        title: {
          text: "绩效指标",
        },
        // 图例颜色
        color: ["#3f91f7", "#61be67", "#f6db7f"],
        legend: {
          // 图例形状