echarts-三个环形图+副标题

最新推荐文章于 2024-08-08 00:23:29 发布

qq_42708369

最新推荐文章于 2024-08-08 00:23:29 发布

阅读量1k

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_42708369/article/details/120891854

版权

本文展示了如何使用Echarts库创建一个包含三个环形图的视觉效果，并详细说明了如何添加副标题。通过提供的链接，读者可以获取到具体的代码示例并进行复制替换操作。

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

option = {
  title: [{
      text:'标题一', //\n是换行
      subtext: '副标题一',
      textStyle:{
          fontSize:35,//标题字体
      },
      left: '16.67%', 
      fontWeight:'bold',
      subtextStyle: {
          fontSize:25, //副标题字体
      },
      top: '5%',
      textAlign: 'center',
  }, {
      text:'标题二',
      subtext: '副标题二',
      textStyle:{
          fontSize:35,
      },
      left: '50%',
      top: '5%',
      subtextStyle: {
          fontSize:25,
      },
      textAlign: 'center'
  }, {
      text:'标题三',
      subtext: '副标题三',
      textStyle:{
          fontSize:35,
      },
      left: '83.33%',
      top: '5%',
      subtextStyle: {
          fontSize:25,
      },
      textAlign: 'center'
  }],
  color:['#57D69B','#527FF7'],
  legend:[
      {
          top: '85%',
          left: '6%',
          da

最低0.47元/天解锁文章