2026.3.26
使用ucharts图表,兼容app 每个图表组件添加:canvas2d="false" 加载方法改成onMounted
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="QC活动">
|
||||
<view class="inspection ">
|
||||
<qiun-data-charts type="column" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
<qiun-data-charts type="column" :canvas2d="false" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
</view>
|
||||
</ChartCard>
|
||||
</template>
|
||||
@@ -9,11 +9,8 @@
|
||||
<script setup>
|
||||
import ChartCard from '@/components/chartCard.vue'
|
||||
import {
|
||||
ref
|
||||
ref,onMounted
|
||||
} from 'vue';
|
||||
import {
|
||||
onReady
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
const opts = ref({
|
||||
padding: [15, 15, 0, 5],
|
||||
@@ -46,7 +43,7 @@
|
||||
}
|
||||
|
||||
|
||||
onReady(() => {
|
||||
onMounted(() => {
|
||||
let res = {
|
||||
categories: ["省部级奖\n项", "集团级奖\n项", "企业级奖\n项"],
|
||||
series: [{
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="质量验收数据">
|
||||
<view class="ys">
|
||||
<qiun-data-charts type="mix" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
<qiun-data-charts type="mix" :canvas2d="false" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
</view>
|
||||
<view class="ys u-margin-top-30">
|
||||
<qiun-data-charts type="mix" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
<qiun-data-charts type="mix" :canvas2d="false" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
</view>
|
||||
</ChartCard>
|
||||
</template>
|
||||
@@ -12,12 +12,9 @@
|
||||
<script setup>
|
||||
import ChartCard from '@/components/chartCard.vue'
|
||||
import {
|
||||
ref
|
||||
ref,onMounted
|
||||
} from 'vue';
|
||||
import {
|
||||
onReady
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
|
||||
const opts = ref({
|
||||
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4", "#ea7ccc"],
|
||||
padding: [15, 15, 0, 15],
|
||||
@@ -65,7 +62,7 @@
|
||||
}
|
||||
|
||||
|
||||
onReady(() => {
|
||||
onMounted(() => {
|
||||
let res = {
|
||||
categories: ["关键工序验收", "特殊工程验收", "隐藏工程验收"],
|
||||
series: [{
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="施工方案">
|
||||
<view class="inspection ">
|
||||
<qiun-data-charts type="column" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
<qiun-data-charts type="column" :canvas2d="false" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
</view>
|
||||
</ChartCard>
|
||||
</template>
|
||||
@@ -9,11 +9,8 @@
|
||||
<script setup>
|
||||
import ChartCard from '@/components/chartCard.vue'
|
||||
import {
|
||||
ref
|
||||
ref,onMounted
|
||||
} from 'vue';
|
||||
import {
|
||||
onReady
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
const opts = ref({
|
||||
padding: [15, 15, 0, 5],
|
||||
@@ -47,7 +44,7 @@
|
||||
}
|
||||
|
||||
|
||||
onReady(() => {
|
||||
onMounted(() => {
|
||||
let res = {
|
||||
categories: ["总数", "项目审批数", "企业审批数"],
|
||||
series: [{
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="优质工程">
|
||||
<view class="inspection ">
|
||||
<qiun-data-charts type="column" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
<qiun-data-charts type="column" :canvas2d="false" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
</view>
|
||||
</ChartCard>
|
||||
</template>
|
||||
@@ -9,11 +9,8 @@
|
||||
<script setup>
|
||||
import ChartCard from '@/components/chartCard.vue'
|
||||
import {
|
||||
ref
|
||||
ref,onMounted
|
||||
} from 'vue';
|
||||
import {
|
||||
onReady
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
const opts = ref({
|
||||
padding: [15, 15, 0, 5],
|
||||
@@ -48,7 +45,7 @@
|
||||
}
|
||||
|
||||
|
||||
onReady(() => {
|
||||
onMounted(() => {
|
||||
let res = {
|
||||
categories: ["国家级鲁\n班奖", "国家级国\n优奖", "省部级奖\n项", "市级奖项"],
|
||||
series: [{
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="报验记录">
|
||||
<view class="inspection ">
|
||||
<qiun-data-charts type="mix" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
<qiun-data-charts type="mix" :opts="opts" :canvas2d="false" :chartData="chartData" @getIndex="handleTap" />
|
||||
</view>
|
||||
</ChartCard>
|
||||
</template>
|
||||
@@ -9,11 +9,8 @@
|
||||
<script setup>
|
||||
import ChartCard from '@/components/chartCard.vue'
|
||||
import {
|
||||
ref
|
||||
ref,onMounted
|
||||
} from 'vue';
|
||||
import {
|
||||
onReady
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
const opts = ref({
|
||||
padding: [15, 15, 0, 15],
|
||||
@@ -62,7 +59,7 @@
|
||||
}
|
||||
|
||||
|
||||
onReady(() => {
|
||||
onMounted(() => {
|
||||
let res = {
|
||||
categories: ["设材报验数", "机具报验数", "人员报验数"],
|
||||
series: [
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<ChartCard margin="30rpx 0 0 0" title="工程划分">
|
||||
<view class="inspection ">
|
||||
<qiun-data-charts type="column" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
<qiun-data-charts type="column" :canvas2d="false" :opts="opts" :chartData="chartData" @getIndex="handleTap" />
|
||||
</view>
|
||||
</ChartCard>
|
||||
</template>
|
||||
@@ -9,11 +9,8 @@
|
||||
<script setup>
|
||||
import ChartCard from '@/components/chartCard.vue'
|
||||
import {
|
||||
ref
|
||||
ref,onMounted
|
||||
} from 'vue';
|
||||
import {
|
||||
onReady
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
const opts = ref({
|
||||
padding: [15, 15, 0, 5],
|
||||
@@ -45,7 +42,7 @@
|
||||
}
|
||||
|
||||
|
||||
onReady(() => {
|
||||
onMounted(() => {
|
||||
let res = {
|
||||
categories: ["单位工程数", "分部工程数", "分项工程数"],
|
||||
series: [{
|
||||
|
||||
Reference in New Issue
Block a user