echarts V5 玫瑰图组件

本文介绍了如何在ECharts V5中使用玫瑰图组件,包括安装步骤、详细参数设置以及具体代码实现,帮助读者掌握ECharts的这一特色图表类型。
摘要由CSDN通过智能技术生成

在这里插入图片描述
1.安装echarts

npm install echarts --save

2.组件参数

      ajaxData:[
        {
   
          value: 450,
          name: "财政",
          itemStyle: {
   
            color: "#ff3a72",
          },
        },
        {
   
          value: 40,
          name: "社保",
          itemStyle: {
   
            color: "#4d7efe",
          },
        },
        {
   
          value: 250,
          name: "税务",
          itemStyle: {
   
            color: "#4ccbff",
          },
        },
        {
   
          value: 100,
          name: "国资",
          itemStyle: {
   
            color: "#70e622",
          },
        },
        {
   
          value: 310,
          name: "审计",
          itemStyle: {
   
            color: "#ffc559",
          },
        },
      ],
      eoption:{
   
        width:'100%',
        height:'500px',
        text:'玫瑰图',
        data: ["财政", "社保", "税务", "国资", "审计"]
      }

3.组件代码

<template>
  <div class="echaarts_wbox">
    <div id="mgt_box_in" :style="{width:eoption.width,height:eoption.height}" ></div>
  <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值