溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關純Javascript的圖表庫ECharts是怎樣的，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
ECharts是一個基于html5 Canvas、純 Javascript 的圖表庫。它可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等），提供直觀，生動，可交互，可高度個性化定制的數據可視化圖表。
ECharts 提供了常規的折線圖，柱狀圖，散點圖，餅圖，K線圖，用于統計的盒形圖，用于地理數據可視化的地圖，熱力圖，線圖，用于關系數據可視化的關系圖，treemap，多維數據可視化的平行坐標，還有用于 BI 的漏斗圖，儀表盤，并且支持圖與圖之間的混搭。
引入方式很簡單，只需要像普通的 JavaScript 庫一樣用 script 標簽引入。
//初始化echarts實例
var myChart = echarts.init(document.getElementById('myChart'));
// 指定圖表的配置項和數據
var option = {
title: {
text: '本月銷售量統計',
left: 'center'
},
tooltip: {},
xAxis: {
data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar',
data: [115, 220, 136, 100, 100, 60]
}]
};
// 使用剛指定的配置項和數據顯示圖表。
myChart.setOption(option);
運行代碼后就可以在頁面上生成一個柱狀圖。
關于純Javascript的圖表庫ECharts是怎樣的就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
