這篇文章將為大家詳細(xì)講解有關(guān)純Javascript的圖表庫ECharts是怎樣的，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
ECharts是一個基于html5 Canvas、純 Javascript 的圖表庫。它可以流暢的運行在 PC 和移動設(shè)備上，兼容當(dāng)前絕大部分瀏覽器（IE8/9/10/11，Chrome，F(xiàn)irefox，Safari等），提供直觀，生動，可交互，可高度個性化定制的數(shù)據(jù)可視化圖表。
ECharts 提供了常規(guī)的折線圖，柱狀圖，散點圖，餅圖，K線圖，用于統(tǒng)計的盒形圖，用于地理數(shù)據(jù)可視化的地圖，熱力圖，線圖，用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖，treemap，多維數(shù)據(jù)可視化的平行坐標(biāo)，還有用于 BI 的漏斗圖，儀表盤，并且支持圖與圖之間的混搭。
引入方式很簡單，只需要像普通的 JavaScript 庫一樣用 script 標(biāo)簽引入。
//初始化echarts實例
var myChart = echarts.init(document.getElementById('myChart'));
// 指定圖表的配置項和數(shù)據(jù)
var option = {
title: {
text: '本月銷售量統(tǒng)計',
left: 'center'
},
tooltip: {},
xAxis: {
data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar',
data: [115, 220, 136, 100, 100, 60]
}]
};
// 使用剛指定的配置項和數(shù)據(jù)顯示圖表。
myChart.setOption(option);
運行代碼后就可以在頁面上生成一個柱狀圖。
關(guān)于純Javascript的圖表庫ECharts是怎樣的就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
重慶分公司
重慶分公司
