Echarts是百度開源的一個數據可視化工具庫,它可以方便地將數據轉化為圖表展示。在Echarts中,我們主要需要操作的是一個JSON對象來創建圖表。因此,在使用Echarts之前,我們需要了解如何將我們的數據轉化為JSON格式。
// 示例數據 let data = [ { name: '蘋果', value: 40 }, { name: '香蕉', value: 20 }, { name: '橙子', value: 10 }, { name: '草莓', value: 30 }, ]; // 將數據轉化為Echarts需要的JSON格式 let chartData = { legend: {}, series: [{ type: 'pie', data: data.map((item) =>{ return { name: item.name, value: item.value }; }) }] };
在以上示例中,我們將一個包含若干對象的數組轉化為了Echarts需要的JSON格式。我們需要一個legend對象,它用于定義圖表的圖例,而series數組則用于定義圖表的系列,例如這里我們使用了餅狀圖,因此定義type為'pie'。
由于Echarts支持的圖表種類較多,因此我們需要根據不同的圖表類型來轉化我們的數據為相應的JSON格式。在轉化完成后,我們就可以使用Echarts的API來創建圖表了。