@alicloud/console-miniline-chart

--- name: console-miniline-chart zhName: 迷你曲线图 ---

Usage no npm install needed!

<script type="module">
  import alicloudConsoleMinilineChart from 'https://cdn.skypack.dev/@alicloud/console-miniline-chart';
</script>

README

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

是否展示数据点