0.4.10-alpha.0 • Published 3 years ago

@alicloud/console-combo-chart v0.4.10-alpha.0

Weekly downloads
19
License
MIT
Repository
github
Last release
3 years ago

name: console-combo-chart

zhName: 混合图

混合图API

引入方式

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

示例 Demo

基础混合图

MDXInstruction:importDemo:Basic

纵坐标设置颜色

MDXInstruction:importDemo:YAxisColor

单个纵坐标

MDXInstruction:importDemo:SingleYAxis

光滑曲线

MDXInstruction:importDemo:Smooth

堆叠图

MDXInstruction:importDemo:Stack

自定义颜色

MDXInstruction:importDemo:Color

配置 Config

数据列配置

属性说明类型默认值可选值
name数据列名称String--
type类型String-'bar', 'line'
yAxis坐标轴下标Number00,1
data数据---
color自定义当前数据列颜色String主题color_24-

通用配置

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

专属配置

grid: Boolean

是否显示网格线

dodgeStack: Boolean

柱状图是否为分组柱状图

stack: Boolean

柱状图是否为堆叠柱状图

yAxisColor: Boolean

Y 轴是否开启坐标轴颜色

autoSmoothNumber: Number

在数值大于指定的条数时,条形图变成线图,并且关闭数据点的展示。

barSize

自定义柱状图 size,优先级:config.barSize > config.size

lineSize

自定义线图 size,优先级:config.lineSize > config.size

barStyle

自定义柱状图 style,优先级:config.barStyle > config.style

lineStyle

自定义线图 style,优先级:config.lineStyle > config.style

lineLabel

单独配置线图的 label, 配置方法和通用label一致

barLabel

单独配置柱状图的 label, 配置方法和通用label一致

0.4.10-alpha.0

3 years ago

0.4.9

4 years ago

0.4.8

4 years ago

0.4.7

4 years ago

0.4.6

4 years ago

0.5.0-alpha.0

4 years ago

0.4.5

4 years ago

0.4.4

4 years ago

0.4.1

4 years ago

0.3.0

4 years ago

0.2.0

4 years ago

0.2.0-alpha.0

4 years ago

0.1.0

4 years ago

0.1.0-alpha.4

4 years ago

0.1.0-beta.1

4 years ago

0.1.0-alpha.3

4 years ago