Chart 图表

安装

@ams-team/block-chart 0.1.3

依赖开源 echarts

npm i --save echarts
npm i --save @ams-team/block-chart

CDN

<script src="https://cdn.jsdelivr.net/npm/echarts@4.1.0/dist/echarts.min.js"></script>
<script src="http://h5rsc.vipstatic.com/ams/block/block-chart@0.1.3.js"></script>

结构

export interface Data { [field: string]: any }
export interface ChartBlock {
    type: 'chart',
    resource: string,
    style?: Data,
    data?: Data,
    options: Data,
    events?: Data,
    actions?: { [field: string]: () => any },
    render?: boolean | string
}

折线图表

Not found: /Users/jun85.li/Documents/host/vipshop/ams/docs/doc/.vuepress/components/block/chart-line/block.js

柱状图表

Not found: /Users/jun85.li/Documents/host/vipshop/ams/docs/doc/.vuepress/components/block/chart-bar/block.js

饼状图表

Not found: /Users/jun85.li/Documents/host/vipshop/ams/docs/doc/.vuepress/components/block/chart-pie/block.js

漏斗图表

Not found: /Users/jun85.li/Documents/host/vipshop/ams/docs/doc/.vuepress/components/block/chart-funnel/block.js

散点图表

Not found: /Users/jun85.li/Documents/host/vipshop/ams/docs/doc/.vuepress/components/block/chart-scatter/block.js

雷达图表

Not found: /Users/jun85.li/Documents/host/vipshop/ams/docs/doc/.vuepress/components/block/chart-radar/block.js

配置

options配置