引入方式

  1. import ConsoleLineChart from '@alicloud/console-line-chart';
  2. // or
  3. import { ConsoleLineChart } from '@alicloud/console-chart';

Config 配置

通用配置

属性 说明
padding 配置绘图内边距
xAxis 配置x轴
yAxis 配置y轴
legend 配置图例
guide 配置辅助元素
tooltip 配置提示信息
label 配置图形文本
size 配置自定义大小
style 配置自定义样式

专属配置

grid： Boolean

是否显示网格线

smooth: Boolean

是否为圆滑曲线图

lineSize: Number

配置线的宽度，优先级config.lineSize > config.size

symbol: Boolean

线上是否同时存在数据点标记。

symbolSize:

当symbol开启时，配置线上点的size, 优先级config.symbolSize > config.size

area: Boolean

是否开启面积图

stack: Boolean

当开启 area 时，是否显示堆叠面积图。

yAxisColor: Boolean

是否开启坐标轴颜色。

数据列配置

属性 说明 类型 默认值
name 数据列名称 String -
yAxis 坐标轴下标 Number 0
data 数据 Array -
color 自定义当前数据列颜色 String 主题color_24