React + Echarts 绘制环形嵌套

AI_boom

于 2022-10-25 20:12:18 发布

阅读量442

点赞数 1

文章标签： echarts react.js javascript

本文链接：https://blog.youkuaiyun.com/Android_boom/article/details/127520715

版权

本文介绍了如何使用React结合Echarts绘制环形嵌套图表，详细步骤包括安装Echarts、删除不必要的选项、调整颜色和宽度、修改配置以及数据。通过这些步骤，你可以轻松创建出环形嵌套效果。此外，还提及了一篇关于JavaScript与ES的25个重要知识点的笔记，可供学习提升。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Reach + Echarts 模拟实现一个大概类似的。

安装命令

yarn add echarts echarts-for-react

或者

npm install --save echarts echarts-for-react

初始使用

import React from 'react';
import ReactEcharts from 'echarts-for-react';
import './index.css'

export default class Line extends React.Component {getOption = () => {let option = {tooltip: {trigger: 'item'},legend: {top: '5%',left: 'center'},series: [{name: 'Access From',type: 'pie',radius: ['40%', '70%'],avoidLabelOverlap: false,label: {show: false,position: 'center'},emphasis: {label: {show: true,fontSize: '40',fontWeight: 'bold'}},labelLine: {show: false},data: [{ value: 1048, name: 'Search Engine' },{ value: 735, na

最低0.47元/天解锁文章