@alicloud/console-miniline-chart NPM | npm.io

0.4.10-alpha.0 • Published 3 years ago

Install

Weekly downloads

27

License

MIT

Repository

Last release

3 years ago

name: console-miniline-chart

zhName: 迷你曲线图

迷你曲线图API

引入方式

import { ConsoleMinilineChart } from '@alicloud/console-chart';

示例 Demo

基本使用

MDXInstruction:importDemo:Basic

面积图

MDXInstruction:importDemo:Area

光滑面积图

MDXInstruction:importDemo:AreaSmooth

面积堆栈图

MDXInstruction:importDemo:AreaStack

自定义颜色

MDXInstruction:importDemo:Color

配置 Config

数据列配置

属性	说明	类型	默认值	可选值
name	数据列名称	String	-	-
data	数据	-	-	-
color	自定义当前数据列颜色	String	主题`color_24`	-

通用配置

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

专属配置

smooth: Boolean

是否显示成光滑曲线

area: Boolean

是否展示成面积图

stack: Boolean

在area=true时生效，是否展示成面积堆栈。

symbol: Boolean

是否展示数据点

@alicloud/console-shared-utils tslib

@infinitebrahmanuniverse/nolb-_aliclo @everything-registry/sub-chunk-43 @alicloud/console-chart @zalastax/nolb-_alicl

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago