image.png
    image.png
    image.png
    “yAxis”: [
    {
    //就是一月份这个显示为一个线段,而不是数轴那种一个点点
    “show” : true,
    “boundaryGap”: true,
    “type”: “category”,
    “name”: “时间”,
    “data”: [“1月”, “2月”, “3月”, “4月”, “5月”, “6月”, “7月”, “8月”],
    “axisLine”:{ //y轴
    “show”:false

    1. },<br /> "axisTick":{ //y轴刻度线<br /> "show":false<br /> },<br /> "splitLine": { //网格线<br /> "show": false<br /> }<br /> }<br /> ],<br /> "xAxis": [<br /> {<br /> "show" : false,<br /> "type": "value",<br /> "name": "销量(kg)",<br /> "splitLine": {<br /> "show": false<br /> }<br /> }<br /> ],

    改变颜色
    image.png
    image.png

    1. 改变xy轴颜色如果未设置则字体颜色和线段颜色一致

      1. axisLine: {<br /> lineStyle: {<br /> color: "#666",<br /> width: 1, //这里是为了突出显示加上的<br /> },<br /> },<br />2.xy轴数据字体颜色<br /> nameTextStyle: { <br /> color: ['#666'] <br /> },

    image.png
    注意: 需要被 axisLine包裹才能生效
    axisLine: {
    lineStyle: {
    color: “#333”,
    width: 1, //这里是为了突出显示加上的
    },

    image.png
    image.png
    3.数据倾斜30度(无需包裹)

    1. axisLabel:{ <br /> interval:0,//横轴信息全部显示 <br /> rotate:-30,//-30度角倾斜显示 <br /> },