曾小乱

数据可视化与 d3.js

曾小乱 | 2019年7月1日 | 284 views

数据可视化与 d3.js -> 浅说数据可视化与浅说 d3.js

D3.js is a JavaScript library for manipulating documents based on data.

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

First release at Feb 18, 2011, 4:02 AM GMT+8

Mike Bostock
Mike Bostock – Pronounced BOSS-tock.

echarts、highcharts VS d3

示例一个

d3 链式调用的原理

function line () {
  var x;
  var y;

  function innerLine(data) {
    var path = ''
    var first = true;
    
    for (var i = 0; i < data.length; i += 1) {
      if (first) {
        path += 'M ' + x(data[i]) + ' ' + y(data[i])
        first = false;
      } else {
        path += 'L ' + x(data[i]) + ' ' + y(data[i])
      }
    }

    return path
  }
  
  innerLine.x = function (_) {
    return arguments.length ? (x = typeof _ === 'function' ? _ : innerLine, innerLine) : innerLine
  }

  innerLine.y = function (_) {
    return arguments.length ? (y = typeof _ === 'function' ? _ : innerLine, innerLine) : innerLine
  }
  return innerLine;
}

示例一个

上海证券交易所综合股价指数(简称上证指数上证综指上证综合沪综指沪指),代号SHA:000001,上海证券交易所主要的综合股价指数,是反应挂牌股票总体走势的统计指标。

丰富的工具函数

Math.max(...new Array(166007), 1)

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据