sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 999aa187f7f07a78d1c946a121fa9675681e0c9e
Former-commit-id: 4fc77bbc0c7393944a81fbad3b1d927e98add4e7
Former-commit-id: 138aceca47a45bd91a832149bbf5651656c41fb6
This commit is contained in:
李杨
2018-02-18 17:40:51 +08:00
parent 07d127878b
commit d6d01a06bc
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/demo/chart/index/index.vue
View File

@@ -2,24 +2,24 @@
<Container type="ghost" :responsive="true" class="demo-chart-index"> <Container type="ghost" :responsive="true" class="demo-chart-index">
<GridLayout v-bind="layout" @layout-updated="layoutUpdatedHandler"> <GridLayout v-bind="layout" @layout-updated="layoutUpdatedHandler">
<!-- 卡片 --> <!-- 卡片 -->
<GridItem v-bind="layout.layout[0]" @resized="handleResized('G2LineBase')"> <GridItem v-bind="layout.layout[0]" @resized="handleResized(chart[0].refName)">
<el-card class="header-in"> <el-card class="header-in">
<ChartCardHeader slot="header" title="近年行情" @refresh="handleRefreshData(0)"></ChartCardHeader> <ChartCardHeader slot="header" @refresh="handleRefreshData(0)" title="近年行情"></ChartCardHeader>
<G2LineBase ref="G2LineBase" v-bind="chart[0]"></G2LineBase> <G2LineBase :ref="chart[0].refName" v-bind="chart[0]"></G2LineBase>
</el-card> </el-card>
</GridItem> </GridItem>
<!-- 卡片 --> <!-- 卡片 -->
<GridItem v-bind="layout.layout[1]" @resized="handleResized('G2LineStep')"> <GridItem v-bind="layout.layout[1]" @resized="handleResized(chart[1].refName)">
<el-card class="header-in"> <el-card class="header-in">
<ChartCardHeader slot="header" title="近年行情" @refresh="handleRefreshData(1)"></ChartCardHeader> <ChartCardHeader slot="header" @refresh="handleRefreshData(1)" title="近年行情"></ChartCardHeader>
<G2LineStep ref="G2LineStep" v-bind="chart[1]"></G2LineStep> <G2LineStep :ref="chart[1].refName" v-bind="chart[1]"></G2LineStep>
</el-card> </el-card>
</GridItem> </GridItem>
<!-- 卡片 --> <!-- 卡片 -->
<GridItem v-bind="layout.layout[2]" @resized="handleResized('G2ColumnBase')"> <GridItem v-bind="layout.layout[2]" @resized="handleResized(chart[2].refName)">
<el-card class="header-in"> <el-card class="header-in">
<ChartCardHeader slot="header" title="近年行情" @refresh="handleRefreshData(2)"></ChartCardHeader> <ChartCardHeader slot="header" @refresh="handleRefreshData(2)" title="近年行情"></ChartCardHeader>
<G2ColumnBase ref="G2ColumnBase" v-bind="chart[2]"></G2ColumnBase> <G2ColumnBase :ref="chart[2].refName" v-bind="chart[2]"></G2ColumnBase>
</el-card> </el-card>
</GridItem> </GridItem>
</GridLayout> </GridLayout>
@@ -37,16 +37,19 @@ export default {
chart: [ chart: [
{ {
api: {url: '/api/chart/G2Line', data: {type: 'base'}}, api: {url: '/api/chart/G2Line', data: {type: 'base'}},
refName: 'G2LineBase',
data: [], data: [],
padding: [30, 40, 50, 50] padding: [30, 40, 50, 50]
}, },
{ {
api: {url: '/api/chart/G2Line', data: {type: 'step'}}, api: {url: '/api/chart/G2Line', data: {type: 'step'}},
refName: 'G2LineStep',
data: [], data: [],
padding: [30, 40, 50, 50] padding: [30, 40, 50, 50]
}, },
{ {
api: {url: '/api/chart/G2Column', data: {type: 'base'}}, api: {url: '/api/chart/G2Column', data: {type: 'base'}},
refName: 'G2ColumnBase',
data: [], data: [],
padding: [30, 40, 50, 50] padding: [30, 40, 50, 50]
} }
@@ -54,9 +57,9 @@ export default {
layout: { layout: {
// 调整布局时 复制 layoutUpdatedHandler() 输出的日志到这里 // 调整布局时 复制 layoutUpdatedHandler() 输出的日志到这里
layout: [ layout: [
{'x': 0, 'y': 0, 'w': 7, 'h': 9, 'i': '0'}, {'x': 0, 'y': 0, 'w': 4, 'h': 7, 'i': '0'},
{'x': 7, 'y': 0, 'w': 5, 'h': 9, 'i': '1'}, {'x': 4, 'y': 0, 'w': 4, 'h': 7, 'i': '1'},
{'x': 0, 'y': 9, 'w': 4, 'h': 7, 'i': '2'} {'x': 8, 'y': 0, 'w': 4, 'h': 7, 'i': '2'}
], ],
colNum: 12, colNum: 12,
rowHeight: 30, rowHeight: 30,