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] |