首页 > 设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色

设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色

grid: {show: false,left: '0px',top: '50px',right: '1px',bottom: '0px',containLabel: true,backgroundColor: 'white',//show: true的时候才显示borderColor: '#ccc',borderWidth: 1,//更多属性访问http://echarts.baidu.com/option.html#grid
}
tooltip: {trigger: "axis",axisPointer: {type: "line",lineStyle: {color: "blue"//设置提示框线条颜色}},backgroundColor: "rgba(0,0,0,0.6)",borderWidth: 1,borderColor: "rgba(0,2,85,0.8)",padding: 10,textStyle: {color: "blue"//更多属性访问http://echarts.baidu.com/option.html#tooltip}
}
/*柱状图渐变色*/
series: [{itemStyle: {normal: {barBorderRadius: 10,color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: 'rgba(153,217,234,0)'}, {offset: 1,color: '#3fa7dc'}]),shadowColor: 'rgba(0, 0, 0, 0.4)',shadowBlur: 20,}}},//更多属性访问http://echarts.baidu.com/option.html#series
]
/*折线图渐变色*/
series: [{areaStyle: {normal: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: 'rgba(255, 158, 68,1)'}, {offset: 1,color: 'rgba(255, 70, 131,0)'}])}}},//更多属性访问http://echarts.baidu.com/option.html#series
]

更多相关：