echarts使用遇到的一些問題總結，比如顏色改變，文字位置調整

長話短說。挑幾個經典的

首先要在項目中引入echarts，這個就不詳細介紹了，直接進項目

 

 

 

 拿這個官方實例說，想要的都在注釋里面，可以看一下也可以自己配置，這些都在官方文檔里都有

option = {
title: {
text: '某站點用戶訪問來源',
subtext: '純屬虛構',
left: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
legend: {
orient: 'vertical',//控制橫縱方向展示

top:'150',//距離頂部距離
right: '50',//同理

left: 'left',
data: ['直接訪問', '郵件營銷', '聯盟廣告', '視頻廣告', '搜索引擎']//必須和下面name一致，否則不顯示

icon: "rect",   //  這個字段控制形狀  類型包括 circle，rect ，roundRect，triangle，diamond，pin，arrow，none
itemWidth: 10,  // 設置寬度
itemHeight: 10, // 設置高度
itemGap: 5, // 設置間距

},
series: [
{
name: '訪問來源',
type: 'pie',
radius: '55%',

label: {
  normal: {
    // position: 'inner',這個是控制餅圖上的文字在哪顯示
    show : true,//控制顯隱
    textStyle:{
      fontSize:14
    }
  }
},

center: ['50%', '60%'],
data: [
{value: 335, name: '直接訪問'},
{value: 310, name: '郵件營銷'},
{value: 234, name: '聯盟廣告'},
{value: 135, name: '視頻廣告'},
{value: 1548, name: '搜索引擎'}
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'，

color:'#000'//這個屬性就比較厲害了，在echarts里面基本上是通用的一個屬性更改圖的顏色
}
}
}
]
}