Novice Prime Minister

    goblin-base
    TypeScript icon, indicating that this package has built-in type declarations

    0.2.0 • Public • Published

    goblin-base npm Dependency Status

    A toolkit fit for data vis engineer.

    Install

    $ tnpm install --save goblin-base

    Usage

    import goblin from 'goblin-base';
     
    const data = [
      { time: '周一', tem: 6.9, rain: 10 },
      { time: '周二', tem: 9.5, rain: 13 },
      { time: '周三', tem: 14.5, rain: 14 },
      { time: '周四', tem: 18.2, rain: 10 },
      { time: '周五', tem: 21.5, rain: 12 },
      { time: '周六', tem: 25.2, rain: 16 },
      { time: '周日', tem: 26.5, rain: 13 }
    ];
     
    const defs = [{
      dataKey: 'tem',
      tickCount: 5,
      max: 30,
      min: 0
    }, {
      dataKey: 'rain',
      tickCount: 5,
      max: 30,
      min: 0
    }];
     
    goblin({
      data: data,
      defs: defs,
      axis: [{
        dataKey: 'time',
        label: {
          fontSize: 14
        },
        grid: null,
      }, {
        dataKey: 'tem',
        label: {
          fontSize: 14
        }
      }, {
        dataKey: 'rain',
        label: {
          fontSize: 14
        }
      }],
      series: [{
        geom: 'interval',
        position: 'time*tem'
      }, {
        geom: 'line',
        position: 'time*rain',
        color: '#5ed470',
        size: 2,
        shape: 'smooth'
      }, {
        geom: 'point',
        position: 'time*rain',
        color: '#5ed470'
      }],
      chart: {
        id: 'mountNode',
        width:320,
        height:240,
        pixelRatio: 2
      }
    });

    Install

    npm i goblin-base

    DownloadsWeekly Downloads

    150

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    266 kB

    Total Files

    103

    Last publish

    Collaborators

    • zuobin.zb