Plotly.js是开源的JavaScript图表库，它基于d3.js和stack.gl。是一个高层次的、描述性的图表库。plotly.js带来20种图表类型，包括3D图表，统计图表，和SVG地图。
实例代码：
Plotly.d3.csv('https://raw.githubusercotet.com/plotly/datasets/master/gapmiderDataFiveYear.csv', fuctio(err, rows){ var YEAR = 2007; var cotiets = ['Asia', 'Europe', 'Africa', 'Oceaia', 'Americas']; var POP_TO_PX_SIZE = 2e5; fuctio upack(rows, key) { retur rows.map(fuctio(row) { retur row[key]; }); } var data = cotiets.map(fuctio(cotiet) { var rowsFiltered = rows.filter(fuctio(row) { retur (row.cotiet === cotiet) && (+row.year === YEAR); }); retur { mode: 'markers', ame: cotiet, x: upack(rowsFiltered, 'lifeExp'), y: upack(rowsFiltered, 'gdpPercap'), text: upack(rowsFiltered, 'coutry'), marker: { sizemode: 'area', size: upack(rowsFiltered, 'pop'), sizeref: POP_TO_PX_SIZE } }; }); var layout = { xaxis: {title: 'Life Expectacy'}, yaxis: {title: 'GDP per Capita', type: 'log'}, margi: {t: 20}, hovermode: 'closest' }; Plotly.plot('my-graph', data, layout, {showLik: false}); });
评论