在Vue中使用echarts时遇到的问题总结

怎么引入echarts就不多说了，首先引入echarts，在初始化，配置参数

1：echarts环形图：

• 关于legend样式重写：通过formatter属性和textStyle进行修改样式，具体参考这篇文章：https://www.jianshu.com/p/f4338c76b169
• 环形图环内文字如何居中：1：在series里面的label下设置formatter属性；2：自定义一个div设置为圆形通过定位使其位于圆环内部；3：参考这篇文章：https://segmentfault.com/q/1010000010552930
• echarts 中变量a、b、c，d在不同图表类型下代表数据含义为：（formatter: "{a} <br/>{b}: {c} ({d}%)"）
  折线（区域）图、柱状（条形）图: a（系列名称），b（类目值），c（数值）, d（无）
  散点图（气泡）图 : a（系列名称），b（数据名称），c（数值数组）, d（无）
  饼图、雷达图 : a（系列名称），b（数据项名称），c（数值）, d（百分比）
  弦图 : a（系列名称），b（项1名称），c（项1-项2值），d（项2名称)， e(项2-项1值)
  力导向图 :
  节点 : a（类目名称），b（节点名称），c（节点值）
  边 : a（系列名称），b（源名称-目标名称），c（边权重）， d（如果为true的话则数据来源是边）
• 关于折线图属性设置：1：使x轴y轴线不显示： axisLine: { show: false }, //轴线不显示；2：设置水平线为虚线：

• splitLine: {
              show: true,
              lineStyle: {
                type: "dashed"
              }
            },

   

• 折线图/柱状图等增加水平滚动轴：
• 官网例子：
• 

dataZoom: [
          {
            show: true,
            start: 0,
            end: 30,
            height: 20
          },
          {
            type: "inside",
            start: 20,
            end: 100
          }
        ],

• 关于legend图例位置的设置：1： orient: 'vertical',(orient设置图例列表的布局朝向。包括horizontal/vertical)；2：设置图例icon样式：icon: "circle"（设置圆形）, 3：设置图例竖型排列；设置x距离

• x: "60%",//可以设置在x轴上的位置
  y: "center",

   

•