@visactor/vchart NPM

VChart

VChart is a charting component library in VisActor visualization system. It wraps the charting logic based on visual grammar library VGrammar and the component encapsulation based on visual rendering engine VRender. The core capabilities are as follows:

Cross-platform: Automatically adapt to desktop, H5, and multiple small program environments
Storytelling: Comprehensive annotation, animation, flow control, narrative templates, and other enhanced features for visual storytelling
Scenes: Deliver visual storytelling capabilities to end-users, unlock developer productivity

🔨 Usage

📦 Installation

# npm
$ npm install @visactor/vchart

# yarn
$ yarn add @visactor/vchart

📊 A Chart Example

import VChart from '@visactor/vchart';

const spec = {
  type: 'bar',
  data: [
    {
      id: 'barData',
      values: [
        { month: 'Monday', sales: 22 },
        { month: 'Tuesday', sales: 13 },
        { month: 'Wednesday', sales: 25 },
        { month: 'Thursday', sales: 29 },
        { month: 'Friday', sales: 38 }
      ]
    }
  ],
  xField: 'month',
  yField: 'sales',
  crosshair: {
    xField: { visible: true }
  }
};

// 'chart' is the id of your dom container, such as <div id="chart"></chart>
const vchart = new VChart(spec, { dom: 'chart' });
vchart.renderAsync();

⌨️ Development

First of all, please install @microsoft/rush

$ npm i --global @microsoft/rush

Then clone locally:

# clone
$ git clone git@github.com:VisActor/VChart.git
$ cd VChart
# install dependencies
$ rush update
# start vchart development server
$ rush start
# the another way to start react-vchart development server
$ rush run -p @visactor/vchart -s start
# unit test
$ rush run -p @visactor/vchart -s test

@visactor/vutils @visactor/vdataset @visactor/vscale @visactor/vrender-core @visactor/vrender-kits @visactor/vrender-components @visactor/vgrammar-core @visactor/vgrammar-projection @visactor/vgrammar-wordcloud @visactor/vgrammar-wordcloud-shape @visactor/vgrammar-hierarchy @visactor/vgrammar-sankey @visactor/vgrammar-util @visactor/vutils-extension

@everything-registry/sub-chunk-986 omiu @visactor/openinula-vchart @visactor/taro-vchart @visactor/vchart-editor @visactor/vchart-editor-ui @visactor/react-vchart simple-vchart

5 days ago

5 days ago

6 days ago

6 days ago

7 days ago

8 days ago

16 days ago

15 days ago

18 days ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

9 months ago

6 months ago

6 months ago

9 months ago

6 months ago

9 months ago

6 months ago

6 months ago

7 months ago

6 months ago

6 months ago

7 months ago

8 months ago

9 months ago

9 months ago

9 months ago

10 months ago

7 months ago

10 months ago

10 months ago

10 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

8 months ago

8 months ago

10 months ago

9 months ago

10 months ago

8 months ago

8 months ago

7 months ago

9 months ago

7 months ago

7 months ago

7 months ago

9 months ago

7 months ago

7 months ago

8 months ago

9 months ago

10 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

6 months ago

6 months ago

6 months ago

9 months ago

8 months ago

8 months ago

7 months ago

7 months ago

7 months ago

8 months ago

6 months ago

8 months ago

6 months ago

6 months ago

10 months ago

9 months ago

9 months ago

9 months ago

10 months ago

9 months ago

10 months ago

8 months ago

9 months ago

9 months ago

9 months ago

8 months ago

9 months ago

9 months ago

9 months ago

8 months ago

9 months ago

9 months ago

8 months ago

9 months ago

9 months ago

7 months ago

7 months ago

7 months ago

9 months ago

7 months ago

7 months ago

7 months ago

6 months ago

6 months ago

7 months ago

8 months ago

8 months ago

9 months ago

9 months ago

7 months ago

6 months ago

7 months ago

6 months ago

6 months ago

6 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

7 months ago

6 months ago

6 months ago

7 months ago

7 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

@visactor/vchart v1.11.0

VChart

🔨 Usage

📦 Installation

📊 A Chart Example

⌨️ Development

🔗 Related Links