页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

代码块
languagejs
	{
	    //不显示y轴
	    "yAxis": {
	        "show": false
	    },
	    //不显示x轴	
	    "xAxis": {
	        "show": false
	    },
	    "radiusAxis": {
	        //"data": [],
			//这个是固定写死的提示,不需要可以去除掉
	        "data": ['点心', '饮料', '调味品', '酱料', '水果'],
	        //  不显示上面的横线,极坐标系的径向轴
	        // "axisLine": {
	        //     "show": false
	        // },
	        "axisLabel": {
	            "interval": 0,
	            "color": "blue",
	            "fontSize": 12,

	        }
	    },
	    //显示极坐标系的角度轴
	    "angleAxis": {
	        "show": true
	    },
	    "series": [{
//只有一个指标销售量,写一个即可控制所有,对动态数据友好
	        //类型为柱图
	        "type": "bar",
	        //转换为极坐标
	        "coordinateSystem": "polar",
	    }],
	    "polar": {},

	}

...

代码块
languagejs
 {

    "yAxis": {
        "show": false
    },
    "xAxis": {
        "show": false
    },
    "radiusAxis": {
        "data": [],
        "axisLine": {
            "show": false
        },
    },
    "angleAxis": {
        "show": false
    },
    "series": [{
//如果是并列轴存在的情况下,这个就是控制条数柱图转换为极坐标图的,有多少条就写多少个
//如果是并列轴存在的情况下,这个就是控制条数柱图转换为极坐标图的,有多少条就写多少个,这个在动态数据情况下可能不太友好这个在动态数据情况下不适用,如果有动态数据场景,可以考虑使用宏代码去实现
        "type": "bar",
        "coordinateSystem": "polar",
    }, {
        "type": "bar",
        "coordinateSystem": "polar",
    }, {
        "type": "bar",
        "coordinateSystem": "polar",
    }, {
        "type": "bar",
        "coordinateSystem": "polar",
    }, {
        "type": "bar",
        "coordinateSystem": "polar",
    }],
    "polar": {}
}

...

代码块
languagejs
	{
	    //不显示y轴
	    "yAxis": {
	        "show": false
	    },
	    //不显示x轴	
	    "xAxis": {
	        "show": false
	    },
	    "radiusAxis": {
	        //"data": [],
			//这个是固定写死的提示,不需要可以去除掉
	        "data": ['点心', '饮料', '调味品', '酱料', '水果'],
	        //  不显示上面的横线,极坐标系的径向轴
	        // "axisLine": {
	        //     "show": false
	        // },
	        "axisLabel": {
	            "interval": 0,
	            "color": "blue",
	            "fontSize": 12,

	        }
	    },
	    //显示极坐标系的角度轴
	    "angleAxis": {
	        "show": true
	    },
	    "series": [{
       //三个指标,这里需要写三次
	        //类型为柱图
	        "type": "bar",
	        //转换为极坐标
	        "coordinateSystem": "polar",
	    }, {
	        "type": "bar",
	        "coordinateSystem": "polar",
	    }, {
	        "type": "bar",
	        "coordinateSystem": "polar",
	    }],
	    "polar": {},

	}

...