Echart是一個用于數據可視化的JavaScript庫,可以輕松地將Java和JSON傳值到Echart中。以下是一個完整的示例。
//在Java中生成一個數據集 List<Integer> data = new ArrayList<>(); data.add(20); data.add(35); data.add(47); data.add(58); data.add(70); //將數據轉換為JSON Gson gson = new Gson(); String jsonData = gson.toJson(data); //在HTML中使用Echart <html> <head> <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script> </head> <body> <div id="chart"></div> <script> //定義一個Echart實例 var myChart = echarts.init(document.getElementById('chart')); //使用ajax調用Java數據,并加載到Echart中 $.ajax({ type: 'POST', url: 'myJavaFunc', data: {jsonData: jsonData}, success: function (response) { myChart.setOption(response); } }); </script> </body> </html>
在該示例中,使用Java創建數據集并將其轉換為JSON字符串。然后,使用JavaScript中的ajax方法將JSON數據作為參數發送到Java函數myJavaFunc中。Java函數使用Gson庫將JSON字符串轉換為Java對象,并將其轉換為Echart可以理解的格式。返回的響應對象被存儲在Echart實例中,并將其用于呈現圖表。