tiny-vue/examples/sites/demos/pc/app/chart/webdoc/chart-sankey.js

43 lines
1.9 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

export default {
column: '2',
owner: '',
demos: [
{
'demoId': 'sankey-base',
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
'desc': {
'zh-CN':
'<p>可以流畅的运行在 PC 和移动设备上兼容当前绝大部分浏览器IE 9/10/11ChromeFirefoxSafari 等)底层依赖轻量级的 Canvas 类库 ZRender提供直观生动可交互可高度个性化定制的数据可视化图表。</p>\n',
'en-US':
'<p> can run smoothly on PCs and mobile devices and is compatible with most browsers. (Internet Explorer 9/10/11, Chrome, Firefox, Safari, etc.) The bottom layer relies on the lightweight Canvas class library ZRender to provide intuitive, vivid, interactive, and highly personalized data visualization charts. </p>\n'
},
'codeFiles': ['sankey/base.vue']
},
{
'demoId': 'sankey-demo2',
'name': { 'zh-CN': '设置数据类型', 'en-US': 'Set Data Type' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['sankey/demo2.vue']
}
],
apis: [{ 'name': 'chart-sankey', 'type': 'component', 'props': [], 'events': [], 'slots': [] }],
types: [
{
name: 'IChartSettings',
type: 'interface',
code: `
interface IChartSettings {
dataType: array // 数据类型,数组的第一项为 item 的数据类型,第二项为 line 的数据类型,可选值: KMB , normal , percent
digit: number // 设置数据类型为percent时保留的位数默认为2
dimension: string // 维度,默认 columns 第一项为维度
itemStyle: object // 节点矩形的样式,
label: object // 每个矩形节点中文本标签的样式,
lineStyle: object // 桑基图边的样式,
links: array // 节点间的关系数据,
metrics: string // 指标,默认 columns 第二项为指标
}
`
}
]
}