新增饼图组件
This commit is contained in:
@@ -118,6 +118,14 @@
|
||||
:theme="theme"
|
||||
:data="data[data.dataType]"
|
||||
:ops="pieChart"/>
|
||||
<ai-echart
|
||||
v-else-if="data.type === 'pieChart1'"
|
||||
style="height: 100%; width: 100%;"
|
||||
:ref="'chart' + index"
|
||||
:key="`chart${index}`"
|
||||
:theme="theme"
|
||||
:data="data[data.dataType]"
|
||||
:ops="pieChart1"/>
|
||||
<ai-map :markers="data[data.dataType]" v-else-if="data.type=='map'" :mask="data.mask === '1'" :areaId="data.areaId || user.info.areaId" map-style="amap://styles/e51987628aee5206d4c9ca8c6e98b4f7"/>
|
||||
<ai-monitor :src="data.src" v-else-if="data.type === 'monitor'" :type="data.monitorType"></ai-monitor>
|
||||
<video style="width: 100%; height: 100%; object-fit: fill;" loop :src="data.src" autoplay v-else-if="data.type === 'video'"></video>
|
||||
@@ -129,6 +137,7 @@
|
||||
import { mapState } from 'vuex'
|
||||
import AiSwiper from './AiSwiper.vue'
|
||||
import pieChart from 'dvcp-dv-ui/components/AiEchart/template/pie/pieChart2'
|
||||
import pieChart1 from 'dvcp-dv-ui/components/AiEchart/template/pie/pieChart1'
|
||||
import lineChart1 from 'dvcp-dv-ui/components/AiEchart/template/line/lineChart1'
|
||||
import lineChart2 from 'dvcp-dv-ui/components/AiEchart/template/line/lineChart2'
|
||||
import lineChart5 from 'dvcp-dv-ui/components/AiEchart/template/line/lineChart5'
|
||||
@@ -147,7 +156,8 @@
|
||||
lineChart1,
|
||||
lineChart2,
|
||||
lineChart5,
|
||||
pieChart
|
||||
pieChart,
|
||||
pieChart1
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
@@ -11,6 +11,7 @@ import barChart5 from 'dvcp-dv-ui/components/AiEchart/template/bar/barChart5'
|
||||
import barChart7 from 'dvcp-dv-ui/components/AiEchart/template/bar/barChart7'
|
||||
import barChart9 from 'dvcp-dv-ui/components/AiEchart/template/bar/barChart9'
|
||||
import pieChart from 'dvcp-dv-ui/components/AiEchart/template/pie/pieChart2'
|
||||
import pieChart1 from 'dvcp-dv-ui/components/AiEchart/template/pie/pieChart1'
|
||||
|
||||
const components = [
|
||||
{
|
||||
@@ -408,6 +409,35 @@ const components = [
|
||||
config: pieChart,
|
||||
sourceDataId: '',
|
||||
dynamicData: []
|
||||
},
|
||||
{
|
||||
code: 'widget-linechart',
|
||||
type: 'pieChart',
|
||||
label: '饼图',
|
||||
title: '饼图',
|
||||
icon: 'icontext_box',
|
||||
value: '',
|
||||
border: 'border1',
|
||||
width: 500,
|
||||
height: 300,
|
||||
zIndex: 1,
|
||||
top: 0,
|
||||
left: 0,
|
||||
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/pie.png',
|
||||
dataX: '',
|
||||
dataY: [],
|
||||
api: '',
|
||||
apiData: [],
|
||||
dataType: 'staticData',
|
||||
staticData: [
|
||||
{ name: '阿斯达', v1: 23, v2: 33 },
|
||||
{ name: '水电费', v1: 12, v2: 34 },
|
||||
{ name: '凡哥', v1: 67, v2: 25 },
|
||||
{ name: '党费', v1: 98, v2: 85 }
|
||||
],
|
||||
config: pieChart1,
|
||||
sourceDataId: '',
|
||||
dynamicData: []
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user