some modify
This commit is contained in:
parent
13a25379a5
commit
0223458f72
|
@ -22,6 +22,7 @@ import concentricArcChart from './concentricArcChart/index.vue'
|
||||||
import arcRingChart from './arcRingChart/index.vue'
|
import arcRingChart from './arcRingChart/index.vue'
|
||||||
import radarChart from './radarChart/index.vue'
|
import radarChart from './radarChart/index.vue'
|
||||||
import columnChart from './columnChart/index.vue'
|
import columnChart from './columnChart/index.vue'
|
||||||
|
import pointChart from './pointChart/index.vue'
|
||||||
|
|
||||||
import numberShow from './numberShow/index.vue'
|
import numberShow from './numberShow/index.vue'
|
||||||
import percentPond from './percentPond/index.vue'
|
import percentPond from './percentPond/index.vue'
|
||||||
|
@ -56,6 +57,7 @@ export default function (Vue) {
|
||||||
Vue.component('arcRingChart', arcRingChart)
|
Vue.component('arcRingChart', arcRingChart)
|
||||||
Vue.component('radarChart', radarChart)
|
Vue.component('radarChart', radarChart)
|
||||||
Vue.component('columnChart', columnChart)
|
Vue.component('columnChart', columnChart)
|
||||||
|
Vue.component('pointChart', pointChart)
|
||||||
|
|
||||||
Vue.component('numberShow', numberShow)
|
Vue.component('numberShow', numberShow)
|
||||||
Vue.component('percentPond', percentPond)
|
Vue.component('percentPond', percentPond)
|
||||||
|
|
|
@ -36,6 +36,22 @@ colors: ['#9cf4a7', '#66d7ee', '#eee966', '#a866ee', '#ee8f66', '#ee66aa']
|
||||||
</div>
|
</div>
|
||||||
</border-box-7>
|
</border-box-7>
|
||||||
|
|
||||||
|
<border-box-7 class="chart-item">
|
||||||
|
<point-chart :data="pointChartData1" :colors="colors" class="chart" />
|
||||||
|
|
||||||
|
<div class="config-info">
|
||||||
|
<div class="title">Column-Chart</div>
|
||||||
|
<highlight-code>
|
||||||
|
<point-chart :data="data" :colors="colors" />
|
||||||
|
</highlight-code>
|
||||||
|
|
||||||
|
<highlight-code>
|
||||||
|
data: {
|
||||||
|
}
|
||||||
|
</highlight-code>
|
||||||
|
</div>
|
||||||
|
</border-box-7>
|
||||||
|
|
||||||
<border-box-7 class="chart-item">
|
<border-box-7 class="chart-item">
|
||||||
<column-chart :data="columnChartData1" :colors="colors" class="chart" />
|
<column-chart :data="columnChartData1" :colors="colors" class="chart" />
|
||||||
|
|
||||||
|
@ -690,6 +706,37 @@ export default {
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
||||||
|
pointChartData1: {
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
data: [123, 156, 290, 400, 169, 435]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
data: [
|
||||||
|
[230, 123, 56],
|
||||||
|
[111, 22, 66],
|
||||||
|
[56, 25, 156],
|
||||||
|
[79, 52, 40],
|
||||||
|
[60, 56, 56],
|
||||||
|
[23, 45, 78]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
data: [15, 20, 27, 35, 27, 17],
|
||||||
|
againstAxis: true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
x: {
|
||||||
|
data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
|
||||||
|
},
|
||||||
|
y: {
|
||||||
|
},
|
||||||
|
ax: {
|
||||||
|
},
|
||||||
|
ay: {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
columnChartData1: {
|
columnChartData1: {
|
||||||
data: [
|
data: [
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in New Issue