README
lightningchart 版曲线图表
@castianta/chart-line-lc
曲线图表
API
参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
---|---|---|---|---|---|
card | 面板 | 否 | ProCardProps | - |
- |
dataSource | 数据源 | 否 | Object[DataSourceProps] | - |
见下 |
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] |