option: {
//修改网格距离外部的距离
grid: {
top: '20',
left: "0%",
right: "1%",
bottom: "10%",
containLabel: true,
},
tooltip: {
trigger: "axis",
},
color: [
{
type: "linear",
x: 1,
y: 1,
x2: 0,
y2: 0,
colorStops: [
// 设置颜色渐变
{ offset: 0, color: "#156BD3" },
{ offset: 1, color: "#00FFF0" },
],
},
],
xAxis: {
triggerEvent: true,
type: "category",
//修改x轴的字体大小及颜色
axisLabel: {
color: "#ffffff",
fontSize: "16",
},
axisLine: {
lineStyle: {
color: "#ffffff", //x轴的颜色
},
},
data: [],
},
yAxis: {
type: "value",
//修改x轴标签的字体大小及颜色
type: "value",
axisLabel: {
color: "#ffffff",
fontSize: "16",
},
axisLine: {
show: true,
lineStyle: {
color: "#ffffff", //x轴的颜色
},
},
// y轴的分割线样式
splitLine: {
show: false, // 不显示网格线
},
color: [
{
type: "linear",
x: 1,
y: 1,
x2: 0,
y2: 0,
colorStops: [
// 设置颜色渐变
{ offset: 0, color: "rgba(63, 149, 206, 1)" },
{ offset: 1, color: "rgba(30, 231, 231, 1)" },
],
},
],
},
series: {
name: "企业数",
barWidth: "16",
data: [],
type: "bar",
},
},
echarts 柱形图配置选项
最新推荐文章于 2024-05-28 17:30:15 发布