javascript // ECharts 配置示例

// 坐标轴颜色设置 option = { xAxis: { axisLine: { lineStyle: { color: '#333' // 设置坐标轴轴线颜色为灰色 } } }, yAxis: { axisLine: { lineStyle: { color: '#333' // 设置坐标轴轴线颜色为灰色 } } } };

// 标签位置偏移设置 option = { xAxis: { axisLabel: { offset: 10 // 设置x轴标签向上偏移10像素 } }, yAxis: { axisLabel: { offset: -10 // 设置y轴标签向下偏移10像素 } } };

// 坐标轴名称及样式设置 option = { xAxis: { name: 'x轴名称', nameTextStyle: { fontSize: 14 // 设置x轴名称字体巨大细小为14 } }, yAxis: { name: 'y轴名称', nameTextStyle: { fontSize: 14 // 设置y轴名称字体巨大细小为14 } } };

// 坐标轴名称对齐方式设置 option = { xAxis: { name: 'x轴名称', nameTextStyle: { fontSize: 16, align: 'center', verticalAlign: 'bottom' // 设置x轴名称居中对齐，垂直居底 } }, yAxis: { name: 'y轴名称', nameTextStyle: { fontSize: 16, align: 'center', verticalAlign: 'top' // 设置y轴名称居中对齐，垂直居顶 } } };

// 坐标轴标签字体颜色设置 option = { xAxis: { axisLine: { lineStyle: { color: '#333' // 设置坐标轴轴线颜色为灰色 } }, axisLabel: { textStyle: { color: '#666' // 设置坐标轴标签字体颜色为深厚灰色 } } }, yAxis: { axisLine: { lineStyle: { color: '#333' // 设置坐标轴轴线颜色为灰色 } }, axisLabel: { textStyle: { color: '#666' // 设置坐标轴标签字体颜色为深厚灰色 } } } };

// 标题字体巨大细小设置 option = { title: { text: '图表标题', textStyle: { fontSize: 18 // 设置标题字体巨大细小为18 } } };