图表基类 Chart

示例

基本形式

<chart title="图表" />

边框

<chart title="图表" border />

图例

<chart title="图表" border
    series={[{ key: 'readings', name: '阅读数' }, { key: 'stars', name: '点赞数' }, { key: 'collections', name: '收藏数' }]} />

let component = new RGUI.Component({
    template,
    data: {
        // 本来应该直接在模板中书写，Regular有bug
        series: [{ key: 'readings', name: '阅读数' }, { key: 'stars', name: '点赞数' }, { key: 'collections', name: '收藏数' }],
    },
});

API

Class

Chart

继承自。

Options

new Chart()

参数	类型	默认值	数据流向	描述
`data`	Object			绑定属性
`data.width`	string	`'100%'`	outside => inside	图表宽度
`data.height`	string	`'480px'`	outside => inside	图表高度
`data.title`	string	`''`	outside => inside	标题
`data.titleTemplate`	string	`''`	outside @=> inside	标题模板
`data.contentTemplate`	string	`''`	outside @=> inside	内容模板，继承中使用
`data.data`	Array		outside => inside	数据。如果为`undefined`，表示数据正在加载；如果为`[]`，表示数据为空。
`data.border`	boolean	`false`	outside => inside	是否显示边框
`data.legend`	boolean	`true`	outside => inside	是否显示图例
`data.visible`	boolean	`true`	outside => inside	是否显示
`data.class`	string	`''`	outside => inside	补充class