3.8　坐标轴

一般来说，我们最常用的坐标轴是直角坐标系，尤其是二维的直角坐标系，所以横轴（xAxis）和纵轴（yAxis）最常被使用。关于xAxis和yAxis的常用参数如下所示。

▪ position：指定x轴的位置，可选参数有top（顶部）和bottom（底部）。

▪ type：指定坐标轴的类型。可选参数有四种：“value”，表示数值类型的轴，适用于连续型数据；“category”，表示类别类型的轴，适用于离散的类别型数据；“time”，表示时间类型的轴，适用于连续的时间序列数据；“log”，表示对数类型的轴，适用于对数数据。

▪ name：坐标轴的名称。

▪ nameLocation：坐标轴的名称显示位置。可选参数有三种：“start”，开始位置；“middle”或者“center”，中间位置；“end”，结束位置。

修改3.1节的代码，对option中的xAxis和yAxis添加部分参数，加入坐标轴的名称分别为横轴的“产品名称”和纵轴的“产品销量”，并将坐标轴名称都设置为居中显示（center）。加入文字显示时需偏移一定距离的原因是避免坐标轴名称文字与x轴、y轴的刻度上的文字重叠。具体代码如下所示：

//指定图表的配置项和数据
var option = {
    title: {
        text: '这是主标题',
            subtext: '这是副标题',
            left: 'center'//居中显示
    },
    tooltip: {},
    legend: {
        data:['各产品销量情况']
    },
    xAxis: {
        data: ["产品A","产品B","产品C","产品D","产品E"],
            name:'产品名称',
            nameLocation:'center',
            nameGap:35
    },
    yAxis: {
            name:'产品销量',
            nameLocation:'center',
            nameGap:40
         },
    series: [{
        name: '销量',
        type: 'bar',
        data: [900, 700, 550, 1000, 200]
    }]
};

可视化结果如图3-13所示。

图3-13　坐标轴