echart.js 坐标轴标注

在 ECharts 中，可以通过设置 `option` 中的 `xAxis` 和 `yAxis` 属性来定义坐标轴。其中，`axisLabel` 属性可以用来设置坐标轴刻度标签的样式，包括文本颜色、字体大小、字体样式等。下面是一个示例：

option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    axisLabel: {
      color: '#333', // 文本颜色
      fontSize: 14, // 字体大小
      fontStyle: 'normal' // 字体样式，normal/italic/oblique
    }
  },
  yAxis: {
    type: 'value',
    axisLabel: {
      color: '#333',
      fontSize: 14,
      fontStyle: 'normal'
    }
  },
  series: [{
    data: [120, 200, 150, 80, 70, 110, 130],
    type: 'bar'
  }]
};

在这个例子中，我们定义了一个柱状图，横轴为一周的日期，纵轴为某项数据的值。在 `xAxis` 和 `yAxis` 中，我们都设置了 `axisLabel` 属性，来控制坐标轴刻度标签的样式。可以根据实际需要进行调整。

相关问题

echart.js 坐标轴标注名称注释

在 ECharts 中，可以使用 axisLabel 属性来给坐标轴标注名称注释。具体来说，可以设置以下属性：

1. formatter：用于格式化坐标轴标注名称的函数；
2. show：是否显示坐标轴标注名称，默认为 true；
3. textStyle：用于设置坐标轴标注名称的样式，如颜色、字体大小等。

以下是一个示例代码，用于给 x 轴和 y 轴添加标注名称注释：

option = {
    xAxis: {
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        axisLabel: {
            formatter: '{value}日',
            show: true,
            textStyle: {
                color: '#333',
                fontSize: 14
            }
        }
    },
    yAxis: {
        axisLabel: {
            formatter: '{value}元',
            show: true,
            textStyle: {
                color: '#333',
                fontSize: 14
            }
        }
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
};

在上述代码中，xAxis 和 yAxis 分别表示 x 轴和 y 轴，axisLabel 中的 formatter 属性用于将坐标轴标注名称格式化为“xx日”和“xx元”的形式，textStyle 属性用于设置坐标轴标注名称的样式。另外，show 属性默认为 true，因此可以省略。

echart.js 坐标轴起始数值设置

您可以使用 ECharts 的 `option` 对象中的 `xAxis` 和 `yAxis` 属性来设置坐标轴的起始数值。例如，要设置 x 轴的起始数值为 0，可以这样写：

option = {
    xAxis: {
        type: 'category',
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        min: 0, // 设置坐标轴起始数值为 0
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
};

同样地，要设置 y 轴的起始数值为 0，可以在 `yAxis` 对象中加入 `min: 0` 属性。