0.0.9 • Published 2 years ago
@castianta/chart-line-lc v0.0.9
lightningchart 版曲线图表
@castianta/chart-line-lc
曲线图表
API
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| card | 面板 | 否 | ProCardProps | - | - |
| dataSource | 数据源 | 否 | ObjectDataSourceProps | - | 见下 |
| legend | 图例 | 否 | LegendProps | - | 见下 |
| init | 初始化图表配置参数 | 否 | InitProps | - | 见下 |
| chart3D | 2D 3D 切换 | 否 | Boolean | false | - |
| xAxis | 默认 x 轴配置 | 否 | AxisProps | - | 见下 |
| yAxis | 默认 y 轴配置 | 否 | AxisProps | - | 见下 |
| chartRender | 自定义渲染方式，此方法开启默认渲染方式不渲染，chart 图表实例，config 配置参数，dataSource 传入数据 | 否 | Function | (chart,config:{line:Function,axis:Function},dataSource)=>{} | config.line = ({line,list:dataSource[index],index})=>line , config.axis = ({axis,config:AxisProps})=>axis |
InitProps
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| width | 图表宽度 | 否 | Number 或 undefined | undefined | - |
| height | 图表高度 | 否 | Number 或 undefined | 400 | - |
| title | 图表标题 | 否 | String | - | - |
| theme | 皮肤 | 否 | ThemesProps | - | - |
| emptyFill | title 空置状态 | 否 | Boolean | false | - |
| titleColor | title 填充色 | 否 | String | #000 | - |
| boundingBox | 3D 视图盒子大小 | 否 | Object | {x:1,y:0.5,z:0.4} | - |
DataSourceProps
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| name | 曲线名称 | 是 | String | - | - |
| data | 曲线数据 | 是 | Object[] | {x,y,z} | - |
| color | 线条颜色 | 否 | String | #000 | - |
| thickness | 线条厚度 | 否 | Number | 1 | - |
LegendProps
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| show | 显隐 | 否 | Boolean | false | - |
| title | 标题 | 否 | String | legend | - |
| emptyFill | title 空置状态 | 否 | Boolean | false | - |
| titleColor | title 填充色 | 否 | String | #000 | - |
| position | 位置 disable 为 false 默认系统配置 true 自定义位置 | 否 | Object | #000 | {dislabe:false,point:{x:0,y:0}} |
| direction | 条目排列方向 | 否 | 'vertical' 或 'horizontal' | vertical | - |
| entries | 使用回调函数设置 LegendBoxEntries 的样式 | 否 | (entry, component) => entry.setTextFillStyle(new SolidFill({ color: ColorRGBA(255, 0, 0) })) | () => undefined | - |
AxisProps
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| title | 轴名称 | 否 | String | - | - |
| scrollStrategy | 滚动策略 | 否 | fitting 或 expansion 或 progressive 或 regressive | fitting | - |
| tickStrategy | 刻度策略 | 否 | Empty 或 Numeric 或 DateTime 或 Time | Numeric | - |
| tickStrategyStyler | 刻度策略回调 | 否 | (TickStrategyStyler)=>tickStrategy | - | - |
| animationScroll | 动画滚动 | 否 | boolean 或 undefined | undefined | - |
| interval | 轴刻度间隔 | 否 | Array | undefined | [start: number, end: number, animate: number 或 boolean 或 undefined, disableScrolling: boolean 或 undefined] |