ECharts是一個基于JavaScript的可視化庫,可幫助我們創建各種漂亮的圖表和圖形。它支持多種數據類型,包括JSON數據。在本文中,我們將探討如何在ECharts中加載JSON數據。
//創建div元素來容納圖表 var myChart = echarts.init(document.getElementById('myChart')); //加載JSON數據 myChart.showLoading(); $.getJSON('data.json', function(data) { myChart.hideLoading(); //使用數據創建圖表 myChart.setOption({ title: { text: '柱狀圖', subtext: '數據來源:data.json' }, series: [ { name: '訪問來源', type: 'bar', data: data.data } ] }); });
在以上代碼中,我們首先使用ECharts的init方法創建了一個新的圖表,然后通過showLoading()方法顯示了加載動畫。接著,我們使用jQuery的getJSON方法獲取了名為data.json的JSON文件,并將數據傳遞給了myChart.setOption方法,以創建圖表。最后,我們使用myChart.hideLoading()方法關閉了加載動畫。
通過以上代碼,我們可以輕松地將JSON數據加載到ECharts中,并創建各種漂亮的圖表和圖形。希望這篇文章對你有所幫助!
上一篇python 求個稅
下一篇python 求對角線