2026.3.26

使用ucharts图表,兼容app
每个图表组件添加:canvas2d="false"
加载方法改成onMounted
This commit is contained in:
2026-03-26 14:49:26 +08:00
parent ab4646b43a
commit 925e9f1876
115 changed files with 413 additions and 424 deletions
+3 -6
View File
@@ -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: [{
+5 -8
View File
@@ -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: [{
+3 -6
View File
@@ -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: [{
+3 -6
View File
@@ -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: [{
+3 -6
View File
@@ -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: [
+3 -6
View File
@@ -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: [{