vue echarts 边框样式

Question

有知道这种边框是什么插件嘛

求！
有知道这种边框是什么插件嘛有知道这种边框是什么插件嘛

Answer 1

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7738298
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue封装echarts组件，控制样式和数据，数据动态渲染
• 除此之外, 这篇博客: vue使用echarts简单配置制作三种常用数据可视化视图中的 2.3 这个是饼状图，跟柱形折线有点差别。但是基本配置是差不多的。 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 1.还是老样子，整个div容器为main2

  <div id="main2" style="width: 100%;height:400px;"></div>
  

  1. 跟柱形图一样，写个方法，上代码…

    mounted() {
  	 this.getClassifySelling() //商品类型销售情况
   },
   methods:{
  	getClassifySelling() {
          var echarts = require('echarts');
          // 基于准备好的dom，初始化echarts实例
          var myChart = echarts.init(document.getElementById('main2'));
          // 指定图表的配置项和数据
          var option = {
          	//这里的颜色是显示在部分扇形里的，依次调用颜色
            color: ['#aa00ff', '#5099e6', '#ffaa00', '#c2c2c2', '#ff55ff', '#ffff00', '#ca8622', '#aaaaff', '#aaff00',
              '#aa0000', '#c4ccd3'
            ],
            title: {
              text: '商品类型销售情况',
              x: 'center'
            },
            legend: {
              orient: "vertical",
              // left: "left",
              bottom: "bottom",
              data: ['小猪A','小马B','小方C'] //名称
            },
            tooltip: {},
            series: [{
              // name: '营收',
              type: 'pie', //饼状视图
               data: [
                {
                  value:20,
                  name:"小猪A"
                },
                {
                  value:45,
                  name:"小马B"
                },
                {
                  value:36,
                  name:"小方C"
                }
              ],
              label:{
                //position:'inside' ,//如果需要文字显示在图形里面则设置
                fontSize:"16"  //字体大小
              },
            }],
          };
          // 使用刚指定的配置项和数据显示图表。
          myChart.setOption(option);
        },
  
   }
  

  注意：
  
  

• 您还可以看一下 jason老师的vue通用后台管理课程中的 echarts表格柱状图实现小节, 巩固相关知识点