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

85 lines
4.8 KiB
JavaScript

export default {
column: '2',
owner: '',
demos: [
{
'demoId': 'props-demo10',
'name': { 'zh-CN': '1 设置区域缩放组件', 'en-US': '1 Setting the Region Zoom Component' },
'desc': {
'zh-CN':
'详细用法参考如下<div class="tip custom-block"><p class="custom-block-title">如果某属性加上去之后没有生效,很可能是没有引入相应的模块。例如:</p>\n<p>在使用 dataZoom 组件时,需要引入 dataZoom 模块资源 <code>import \'echarts/lib/component/dataZoom\'</code> 。</p>\n</div>\n<h3>1 设置区域缩放组件</h3>\n<p>可通过 <code>init-options</code> 配置组件初始化附加参数,具体可<a href="http://xui.test.huawei.com/echarts4/echarts-doc/public/cn/api.html#echarts.init">参考文档</a></p>示例。',
'en-US':
'<div class="tip custom-block"><p class="custom-block-title"> If an attribute does not take effect after being added or removed, it is likely that the corresponding module is not introduced. For example, </p>\n<p>When using the dataZoom component, you need to import the dataZoom module resource <code>import\'echarts/lib/component/dataZoom\'</code>. </p>\n</div>\n<h3>1 Setting the Region Scaling Component</h3>\n<p>You can run the <code>init-options</code> command to configure the additional initialization parameters of the component. For details, see the <a href="http://xui.test.huawei.com/echarts4/echarts-doc/public/cn/api.html#echarts.init"> document</a></p>.'
},
'codeFiles': ['props/demo10.vue']
},
{
'demoId': 'props-base',
'name': { 'zh-CN': '2 设置extend配置项', 'en-US': '2 Set the extend configuration item' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/base.vue']
},
{
'demoId': 'props-demo12',
'name': { 'zh-CN': '3 修改颜色列表', 'en-US': '3 Modify the color list' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo12.vue']
},
{
'demoId': 'props-demo4',
'name': { 'zh-CN': '4 设置暂无数据状态', 'en-US': '4 Set the status of no data.' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo4.vue']
},
{
'demoId': 'props-demo5',
'name': { 'zh-CN': '5 增加自定义内容', 'en-US': '5 Add Custom Content' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo5.vue']
},
{
'demoId': 'props-demo6',
'name': { 'zh-CN': '6 隐藏提示框与图例', 'en-US': '6 Hide dialog box and legend' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo6.vue']
},
{
'demoId': 'props-demo7',
'name': { 'zh-CN': '7 设置图表容器样式', 'en-US': '7 Set chart container style' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo7.vue']
},
{
'demoId': 'props-demo8',
'name': { 'zh-CN': '8 设置图表标线与标点', 'en-US': '8 Set the chart line and punctuation point' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo8.vue']
},
{
'demoId': 'props-demo9',
'name': { 'zh-CN': '9 设置视觉映射组件', 'en-US': '9 Setting the Visual Mapping Component' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo9.vue']
},
{
'demoId': 'props-demo2',
'name': { 'zh-CN': '10 设置afterConfig函数', 'en-US': '10 Set the afterConfig function' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo2.vue']
},
{
'demoId': 'props-demo11',
'name': { 'zh-CN': '11 设置工具箱', 'en-US': '11 Setting Toolbox' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo11.vue']
},
{
'demoId': 'props-demo3',
'name': { 'zh-CN': '12 设置加载状态', 'en-US': '12 Setting the loading status' },
'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
'codeFiles': ['props/demo3.vue']
}
],
apis: [{ 'name': 'chart-attributes-demo', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
}