Nurturing Palpable Magnificence

    viser-cell
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.2 • Public • Published

    viser-cell npm Dependency Status

    A toolkit fit for data vis engineer.

    Install

    $ npm install --save viser-cell

    Usage

    import viser from 'viser-cell';
     
    const data = [
      { name: 'London', 月份: 'Jan.', 月均降雨量: 18.9 },
      { name: 'London', 月份: 'Feb.', 月均降雨量: 28.8 },
      { name: 'London', 月份: 'Mar.', 月均降雨量: 39.3 },
      { name: 'London', 月份: 'Apr.', 月均降雨量: 81.4 },
      { name: 'London', 月份: 'May.', 月均降雨量: 47 },
      { name: 'London', 月份: 'Jun.', 月均降雨量: 20.3 },
      { name: 'London', 月份: 'Jul.', 月均降雨量: 24 },
      { name: 'London', 月份: 'Aug.', 月均降雨量: 35.6 },
      { name: 'Berlin', 月份: 'Jan.', 月均降雨量: 12.4 },
      { name: 'Berlin', 月份: 'Feb.', 月均降雨量: 23.2 },
      { name: 'Berlin', 月份: 'Mar.', 月均降雨量: 34.5 },
      { name: 'Berlin', 月份: 'Apr.', 月均降雨量: 99.7 },
      { name: 'Berlin', 月份: 'May.', 月均降雨量: 52.6 },
      { name: 'Berlin', 月份: 'Jun.', 月均降雨量: 35.5 },
      { name: 'Berlin', 月份: 'Jul.', 月均降雨量: 37.4 },
      { name: 'Berlin', 月份: 'Aug.', 月均降雨量: 42.4 }
    ];
     
    viser({
      data: data,
      axis: true,
      tooltip: true,
      legend: true,
      series: [{
        quickType: 'bar',
        position: '月份*月均降雨量',
        color: 'name',
        adjust: {
          type: 'dodge',
          marginRatio: 0.05,
        },
      }],
      chart: {
        id: 'mountNode',
        height: 400,
        width: 200,
        pixelRatio: window.devicePixelRatio,
      },
    });

    Install

    npm i viser-cell

    DownloadsWeekly Downloads

    0

    Version

    2.0.2

    License

    MIT

    Unpacked Size

    337 kB

    Total Files

    119

    Last publish

    Collaborators

    • arcthur