forked from opentiny/tiny-vue
321 lines
12 KiB
JavaScript
321 lines
12 KiB
JavaScript
export default {
|
||
mode: ['pc'],
|
||
apis: [
|
||
{
|
||
name: 'chart',
|
||
type: 'component',
|
||
props: [
|
||
{
|
||
name: 'cancel-resize-check',
|
||
type: 'boolean',
|
||
defaultValue: 'false',
|
||
desc: {
|
||
'zh-CN': '是否禁用 resize 时的容器检测',
|
||
'en-US': 'Whether to disable container detection during resize'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/question#question-base'
|
||
},
|
||
{
|
||
name: 'change-delay',
|
||
type: 'number',
|
||
defaultValue: "'0'",
|
||
desc: {
|
||
'zh-CN': '属性修改触发图表重绘回调的延迟',
|
||
'en-US': 'Delay for triggering chart redrawing callback after attribute modification'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/question#question-base'
|
||
},
|
||
{
|
||
name: 'data',
|
||
type: 'object',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '数据由指标和维度组成,“维度” 指的是数据的属性,“指标” 是量化衡量标准',
|
||
'en-US':
|
||
'Data consists of indicators and dimensions. Dimension refers to data attributes, and indicator refers to quantitative measurement standards.'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart'
|
||
},
|
||
{
|
||
name: 'events',
|
||
type: 'object',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '事件绑定',
|
||
'en-US': 'Event binding'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart-events'
|
||
},
|
||
{
|
||
name: 'extend',
|
||
typeAnchorName: 'chart#IChartProps',
|
||
type: 'IChartProps',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': 'echarts 的配置项',
|
||
'en-US': 'Configuration items of echarts'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart'
|
||
},
|
||
{
|
||
name: 'height',
|
||
type: 'string',
|
||
defaultValue: "'400px'",
|
||
desc: {
|
||
'zh-CN': '设置图表容器的高度。',
|
||
'en-US': 'Set the height of the chart container.'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/attributes-demo#props-demo10'
|
||
},
|
||
{
|
||
name: 'init-options',
|
||
type: 'object',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': 'init 附加参数',
|
||
'en-US': 'Init Additional Parameters'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/attributes-demo#props-demo10'
|
||
},
|
||
{
|
||
name: 'judge-width',
|
||
type: 'boolean',
|
||
defaultValue: 'false',
|
||
desc: {
|
||
'zh-CN': '是否处理生成图表时的宽度问题',
|
||
'en-US': 'Do you want to process the width issue when generating charts?'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart-events'
|
||
},
|
||
{
|
||
name: 'legend-visible',
|
||
type: 'boolean',
|
||
defaultValue: 'true',
|
||
desc: {
|
||
'zh-CN': '是否显示图例',
|
||
'en-US': 'Display legend'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/attributes-demo#props-demo10'
|
||
},
|
||
{
|
||
name: 'not-set-unchange',
|
||
type: 'array',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '未发生变化时不参加 setOption 的属性',
|
||
'en-US': 'The setOption attribute does not change.'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: ''
|
||
},
|
||
{
|
||
name: 'resize-delay',
|
||
type: 'number',
|
||
defaultValue: "'200'",
|
||
desc: {
|
||
'zh-CN': '窗口 resize 事件回调的延迟',
|
||
'en-US': 'Delay of the window resize event callback'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/attributes-demo#props-demo10'
|
||
},
|
||
{
|
||
name: 'resizeable',
|
||
type: 'boolean',
|
||
defaultValue: 'true',
|
||
desc: {
|
||
'zh-CN': '是否处理窗口 resize 事件',
|
||
'en-US': 'Whether to process the window resize event'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/question#question-base'
|
||
},
|
||
{
|
||
name: 'set-option-opts',
|
||
type: 'boolean | object',
|
||
defaultValue: 'true',
|
||
desc: {
|
||
'zh-CN': 'echarts setOption 的第二个参数',
|
||
'en-US': 'Echarts setOption second parameter'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: ''
|
||
},
|
||
{
|
||
mode: []
|
||
},
|
||
{
|
||
name: 'theme',
|
||
type: 'object',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '自定义主题名称。;自定义主题对象。',
|
||
'en-US': 'User-defined theme name. ;User-defined theme object.'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart#base'
|
||
},
|
||
{
|
||
name: 'theme-name',
|
||
type: 'string',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '自定义主题名称,如果设置了 theme-name, 则 theme 无效',
|
||
'en-US': 'User-defined theme name. If theme-name is set, the theme is invalid.'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart#base'
|
||
},
|
||
{
|
||
name: 'tooltip-visible',
|
||
type: 'boolean',
|
||
defaultValue: 'true',
|
||
desc: {
|
||
'zh-CN': '是否显示提示框',
|
||
'en-US': 'Display dialog box'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/attributes-demo#props-demo10'
|
||
},
|
||
{
|
||
name: 'width',
|
||
type: 'string',
|
||
defaultValue: "'auto'",
|
||
desc: {
|
||
'zh-CN': '设置图表容器的宽度。',
|
||
'en-US': 'Set the width of the chart container.'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/attributes-demo#props-demo10'
|
||
},
|
||
{
|
||
name: 'width-change-delay',
|
||
type: 'number',
|
||
defaultValue: "'300'",
|
||
desc: {
|
||
'zh-CN': '容器宽度变化的延迟',
|
||
'en-US': 'Container width change delay'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: 'chart/question#question-base'
|
||
},
|
||
{
|
||
name: 'options',
|
||
type: 'object',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '图表配置项(无法与settings混用)',
|
||
'en-US': 'Chart Configuration item (cannot be used together with settings)'
|
||
},
|
||
mode: ['pc'],
|
||
pcDemo: ''
|
||
}
|
||
],
|
||
|
||
events: [],
|
||
methods: [],
|
||
slots: []
|
||
}
|
||
],
|
||
types: [
|
||
{
|
||
name: 'IChartProps',
|
||
type: 'interface',
|
||
code: `
|
||
interface IChartProps {
|
||
afterConfig: () => void
|
||
afterSetOption: () => void
|
||
afterSetOptionOnce: () => void
|
||
animation: object
|
||
axisPointer: object | array
|
||
backgroundColor: object | string
|
||
beforeConfig: () => void
|
||
brush: object | array
|
||
cancelResizeCheck: boolean
|
||
changeDelay: number // 默认值 0
|
||
colorMode: string
|
||
colors: array
|
||
data: object | array
|
||
dataEmpty: boolean
|
||
dataZoom: object | array
|
||
events: object
|
||
extend: object
|
||
geo: object | array
|
||
graphic: object | array
|
||
grid: object | array
|
||
height: string // 默认值 '400px'
|
||
initOptions: object
|
||
judgeWidth: boolean // 默认值 false
|
||
legend: object | array
|
||
legendPosition: string
|
||
legendVisible: boolean // 默认值 true
|
||
loading: boolean
|
||
markArea: object
|
||
markLine: object
|
||
markPoint: object
|
||
notSetUnchange: array
|
||
radar: object
|
||
resizeDelay: number // 默认值 200
|
||
resizeable: boolean // 默认值 true
|
||
series: object | array
|
||
setOptionOpts: boolean | object // 默认值 true
|
||
settings: object
|
||
textStyle: object | array
|
||
theme: object
|
||
themeName: object | string
|
||
timeline: object | array
|
||
title: object | array
|
||
toolbox: object | array
|
||
tooltip: object
|
||
tooltipFormatter: () => void
|
||
tooltipVisible: boolean // 默认值 true
|
||
visualMap: object | array
|
||
width: string // 默认值 'auto'
|
||
widthChangeDelay: number // 默认值 300
|
||
xAxis: object | array
|
||
yAxis: object | array
|
||
}`
|
||
},
|
||
{
|
||
name: 'IChartSettings',
|
||
type: 'interface',
|
||
code: `
|
||
interface IChartSettings {
|
||
type: string // 图表类型，可选值' bar '，' histogram '，' line ',' pie '，' ring '，' funnel '，' radar '，' waterfall '
|
||
}`
|
||
},
|
||
{
|
||
name: 'Options',
|
||
type: 'interface',
|
||
code: `
|
||
interface Options {
|
||
theme: string // 主题, 默认值: cloud-light
|
||
color: array | string // 颜色
|
||
title: object // 中心文本配置
|
||
legend: object // 图例配置, 默认显示
|
||
tipHtml: function // 悬浮提示框内容配置, 默认显示
|
||
tipHtmlStyle: object // 悬浮提示框样式配置, 默认值: { padding: [14,16] }
|
||
event: object // 图表事件, 默认不触发
|
||
data: array // 图表数据(必填)
|
||
type: string // 圆盘图类型, 默认值: circle
|
||
position: object // 图标位置及大小, 默认值: { center: ['50%','45%'], radius: ['44%', '50%'] }
|
||
minAngle: number // 最小扇区角度
|
||
silent: boolean // 是否关闭hover动效, 默认值: false
|
||
label: object // 外侧文本配置, 默认显示
|
||
itemStyle: object // 图表数据点文本样式, 默认值: { borderColor: '#ffffff', borderWidth: 3, borderRadius: 0 }
|
||
stillShowZeroSum: boolean // 是否在数据和为0的时候仍显示扇区, 默认值: true
|
||
selectedMode: boolean // 扇区选中模式配置, 默认值: false
|
||
roseType: boolean // 是否展示成南丁格尔图, 默认值: false
|
||
}`
|
||
}
|
||
]
|
||
} |