plotly.js javascript 图表库

我要开发同款
匿名用户2015年11月18日
92阅读

技术信息

授权协议
MIT

作品详情

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});  });

功能介绍

Plotly.js 是开源的 JavaScript 图表库,它基于 d3.js 和 stack.gl 。是一个高层次的、描述性的图表库。 plotly.js 带来20种图表类型,包括 3D 图表...

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论