echarts是一款數(shù)據(jù)可視化工具,通過使用json數(shù)據(jù)格式,可以實(shí)現(xiàn)簡(jiǎn)單、靈活、快速的圖表展示。下面我們來看一些echarts使用json的實(shí)例:
//柱狀圖 var option = { title: { text: '柱狀圖' }, tooltip: {}, xAxis: { data: ["數(shù)據(jù)1", "數(shù)據(jù)2", "數(shù)據(jù)3", "數(shù)據(jù)4", "數(shù)據(jù)5"] }, yAxis: {}, series: [{ name: '數(shù)據(jù)量', type: 'bar', data: [25, 60, 30, 80, 45] }] }; //折線圖 var option = { title: { text: '折線圖' }, xAxis: { type: 'category', data: ["數(shù)據(jù)1", "數(shù)據(jù)2", "數(shù)據(jù)3", "數(shù)據(jù)4", "數(shù)據(jù)5"] }, yAxis: { type: 'value' }, series: [{ data: [25, 60, 30, 80, 45], type: 'line' }] };
通過這些例子,可以看出使用json數(shù)據(jù)格式,可以方便地定義各個(gè)圖表的屬性。不僅如此,還可以通過修改json數(shù)據(jù)來實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)更新,使圖表展示更加生動(dòng)、直觀。
當(dāng)然,json數(shù)據(jù)格式的運(yùn)用不僅僅局限于echarts。在前端開發(fā)中,使用json格式的數(shù)據(jù)已經(jīng)成為一種廣泛的規(guī)范。相信在不久的將來,json數(shù)據(jù)格式將成為前端開發(fā)的主流。
上一篇python 每加一
下一篇vue刪除選中列