ctm-ui

Project setup

yarn add ctms-ui

import 'ctms-ui/lib/ctms-ui.css'

import ctmsUi from 'ctms-ui'

Vue.use(ctmsUi)

LineChart 折线图
name(series.name) String 非必填
seriesData(series.data) Array 必填
lineLabel(series.label.show) Boolean 默认false
lineLabelColor(series.label.color) String 默认为黑色
bgColor(series.itemStyle.color) String 线条颜色
showTooltip(tooltip.show) Boolean 悬浮框 默认false
xAxisData(xAxis.data) Array 必填 x轴数据
rotate(axisLabel.rotate) Boolean x轴文字是否旋转 默认false
axisLabelWidth(axisLabel.width) Number x轴文字宽度 默认70
gridTop(grid.top) Number 默认30
gridBottom(grid.bottom) Number 默认35

BarChart 柱状图
text(title.text) String 非必填
name(series.name) String 非必填
legendData(legend.data) Array 非必填
seriesData(series.data) Array 必填
barWidth(series.barWidth) Number 非必填
barLabel(series.label.show) Boolean 默认false
barLabelColor(series.label.color) String 默认为黑色
bgColor(series.itemStyle.color) String 线条颜色
showTooltip(tooltip.show) Boolean 悬浮框 默认false
xAxisData(xAxis.data) Array 必填 x轴数据
rotate(axisLabel.rotate) Boolean x轴文字是否旋转 默认false
axisLabelWidth(axisLabel.width) Number x轴文字宽度 默认70
gridTop(grid.top) Number 默认30
gridBottom(grid.bottom) Number 默认35
barGradientColor Array 单个柱状图渐变色

PieChart 饼状图
color Array 饼状图单个区域颜色
seriesData(series.data) Array 必填

ProgressPie 环形进度条
bdColor String 必填 进度条底部颜色
bgColor String 必填 进度条顶部颜色
value(series.data.value) Number 必填 数据源
seriesName(series.name) String 必填 进度条中间标题

Customize configuration

See Configuration Reference.