| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
8年前发布

javascript图表绘制库:plotly.js


Plotly.js 是一个构建在d3.jsstack.gl,之上的开源 JavaScript图表绘制库。plotly.js是一个高级,声明式的图表库。 plotly.js支持20多图表类型,包括3D图表,统计图表,和SVG地图。

Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/gapminderDataFiveYear.csv', function(err, rows){        var YEAR = 2007;        var continents = ['Asia', 'Europe', 'Africa', 'Oceania', 'Americas'];        var POP_TO_PX_SIZE = 2e5;        function unpack(rows, key) {            return rows.map(function(row) { return row[key]; });        }          var data = continents.map(function(continent) {            var rowsFiltered = rows.filter(function(row) {                return (row.continent === continent) && (+row.year === YEAR);            });            return {                mode: 'markers',                name: continent,                x: unpack(rowsFiltered, 'lifeExp'),                y: unpack(rowsFiltered, 'gdpPercap'),                text: unpack(rowsFiltered, 'country'),                marker: {                    sizemode: 'area',                    size: unpack(rowsFiltered, 'pop'),                    sizeref: POP_TO_PX_SIZE                }            };        });        var layout = {            xaxis: {title: 'Life Expectancy'},            yaxis: {title: 'GDP per Capita', type: 'log'},            margin: {t: 20},            hovermode: 'closest'        };        Plotly.plot('my-graph', data, layout, {showLink: false});    });

项目主页:http://www.open-open.com/lib/view/home/1447999586088


 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1447999586088.html
plotly.js 图表/报表制作