echarts是一個(gè)可視化圖表庫,可以通過它來快速地創(chuàng)建各種類型的圖表,同時(shí)提供豐富的應(yīng)用場(chǎng)景。比如餅圖、柱狀圖、折線圖等等。
這里將介紹如何使用e charts導(dǎo)入json數(shù)據(jù)來創(chuàng)建一個(gè)圖表。
var myChart = echarts.init(document.getElementById('myChart')); //獲取dom元素
var option = null; //定義一個(gè)option變量
//通過ajax獲取json數(shù)據(jù)
$.get('myData.json', function(data) {
option = {
//圖表的屬性分別在這里指定,并且在json數(shù)據(jù)中定義
};
myChart.setOption(option); //設(shè)置option
});
首先,需要通過echarts.init()方法獲取dom元素,然后定義一個(gè)option變量。
接著,通過ajax獲取json數(shù)據(jù),將圖表的屬性分別在option中指定,并在json數(shù)據(jù)中定義。
最后,通過myChart.setOption()方法,將option設(shè)置到圖表中去。
以上就是使用e charts導(dǎo)入json數(shù)據(jù)來創(chuàng)建一個(gè)圖表的過程。