柱状图
这里柱状图是渐变色
//基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('land'));
//指定图表的配置项和数据
option = {
tooltip: {
},
legend: {
data: ['产值(亿元)'],
textStyle: {
color: "#4c9bfd"
},
right: "10%"
},
grid: {
top: "20%",
left: "3%",
right: "4%",
bottom: "1%",
show: true, // 显示边框
borderColor: "#012f4a", // 边框颜色
containLabel: true // 包含刻度文字在内
},
xAxis: {
axisTick: {
show: false // 去除刻度线
},
axisLabel: {
interval: 0, //强制文字产生间隔
rotate: 45, //文字逆时针旋转45°
textStyle: {
//文字样式
color: "#4c9bfd",
fontSize: 10,
fontFamily: 'Microsoft YaHei'
}
},
axisLine: {
show: false // 去除轴线
},
data: ["电子信息", "现代准备", "食品饮料", "生物医药", "集成电路", "新能源产业", "新材料产业"]
},
yAxis: {
axisTick: {
show: false // 去除刻度线
},
axisLabel: {
color: "#4c9bfd" // 文本颜色
},
axisLine: {
show: false // 去除轴线
},
splitLine: {
lineStyle: {
color: "#012f4a" // 分割线颜色
}
}
},
series: [{
name: '产值(亿元)',
type: 'bar',
//设置柱状图大小
barWidth: 20,
//设置柱状图渐变颜色
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 1,