java实现Echarts柱状图后端数据返回
时间: 2023-11-28 09:03:39 浏览: 42
可以通过Java后端返回JSON格式的数据,然后前端使用Echarts进行渲染。
以下是一个简单的示例:
Java后端代码:
```java
@GetMapping("/data")
public ResponseEntity<Object> getChartData() {
List<Integer> data = Arrays.asList(10, 20, 30, 40, 50);
Map<String, Object> result = new HashMap<>();
result.put("data", data);
return ResponseEntity.ok(result);
}
```
前端代码(使用jQuery):
```javascript
$.get("/data", function(response) {
var myChart = echarts.init(document.getElementById('chart'));
var option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
data: response.data,
type: 'bar'
}]
};
myChart.setOption(option);
});
```
通过以上代码,可以实现在Java后端返回数据,并在前端使用Echarts进行渲染。