Scala-echarte-2数据可视化

使用dataSet管理数据

    @GetMapping("show2")
    public List<Food> show2(){
        return foodService.queryAllFood();
    }
    <script type="text/javascript">
		        // 基于准备好的dom，初始化echarts实例
		        var myChart = echarts.init(document.getElementById('main'));
		
		        // 指定图表的配置项和数据
				$.get("http://localhost:8070/food/show2").done(function(data){
					console.log(data)
					myChart.setOption({
							title: {
								text: '异步数据加载示例'
							},
							tooltip: {},
							legend: {
								data:['消费额']
							},
							dataset:{
								//要和属性名一致
								dimensions:["foodclass","price"],
								source:data//后端取出的数据
							},
							xAxis: {
								//X轴类类型 可参考官网文档配置项
								type:'category'
							},
							yAxis: {},
							series: [{
								//name: '销量',
								type: 'bar',
								//data: data.val
							}]
						}