# Axis 类
Axis
(坐标轴类)继承于 LWChart
类,主要用于初始化数据,初始化 canvas、chart 尺寸,实现 x 轴、y 轴的绘制。
通过已知参数,在 Axis
类中可以计算出 chart 的位置及大小。
chartWidth = canvasWidth - canvasPaddingLeft - canvasPaddingRight - yAxisWidth;
chartHeight = canvasHeight - canvasPaddingTop - canvasPaddingBottom - titleBarHeight - xAxisHeight;
为什么不在 LWChart 类中初始化尺寸?
因为不同类型的图表样式不一致,例如一个饼图中,不需要绘制坐标轴,那么初始化尺寸的工作则需要交给 Pie
类来完成。
# Axis 类的配置参数
interface AxisOptions extends LWChartOptions
参数 | 描述 | 类型 | 默认值 |
---|---|---|---|
drawDataLength | 用于控制渲染图表的数据量 | number | 7 |
xAxisHeight | x轴高度 | number | 30 |
xAxisData | x轴坐标数据 | string[] | [] |
xAxisLength | x轴坐标标注个数 xAxisData.length / xAxisLength >= 2 时有效 | number | 10 |
xAxisFormat | x轴坐标标注格式化函数 | (val: string) => string; | -- |
showYAxisAuxiliaryLine(1.0.14) | 显示 y 轴辅助线 | boolean | true |
yAxisMinVal(1.0.14) | y 轴标注最小值 | number | -- |
yAxisMaxVal(1.0.14) | y 轴标注最大值 | number | -- |
yAxisWidth | y轴宽度 | number | 30 |
yAxisData | y轴坐标数据(允许传入多组数据绘制) | number[][] | [] |
yAxisLength | y轴坐标标注个数 | number | 10 |
yAxisFormat | y轴坐标标注格式化函数 | (val: number) => string; | -- |
axisStyle | 坐标轴、标注样式 | LWChartAxisStyle | defaultAxisStyle |
axisStyle 的默认值 defaultAxisStyle 如下:
参数 | 描述 | 类型 | 默认值 |
---|---|---|---|
lineColor | 坐标轴及坐标辅助线颜色 | string | #666 |
lineWidth | 坐标轴及坐标辅助线线宽 | number | 1 |
font | 坐标标注字体 | string | PingFangSC-Semibold PingFang SC |
size | 坐标标注字体大小 | number | 10 |
color | 坐标标注字体颜色 | string | #333 |