机器开机率、人员技能比饼图优化

yangfeng

2023-12-11 14101bd42ce17dfb9d951d0738abe9d303fb3fe5

 src/components/Knowledge.vue

@@ -1,17 +1,17 @@
<template>
  <div class="keyword-ring" style="height:100%">
  <div class="keyword-ring" style="height:calc(100% - 40px)">
    <!-- width="400" height="400" -->
    <svg width="100%"  height="100%">
      <circle cx="200" cy="200" r="155" fill="none" stroke-width="3" />
      <circle cx="200" cy="200" r="125" fill="none" stroke-width="3" />
      <circle cx="200" cy="200" r="95" fill="none" stroke-width="3" />
      <circle cx="200" cy="200" r="65" fill="none" stroke-width="3" />
      <text class="text-item" x="60" y="80"  style="fill: #000; font-weight: bold; padding:5px;
      <text class="text-item" x="60" y="80"  style="fill: rgb(211 211 211); font-weight: bold; padding:5px;
        font-size:14px;
        display:inline-block;
        border-radius:8px;
        background:#007101;
        color:#fff; cursor: pointer;postion:absolute;left:200;top:40">
        cursor: pointer;postion:absolute;left:200;top:40">
        误报警
      </text>
      <text class="text-item" x="50" y="170" text-anchor="middle" 
@@ -20,14 +20,14 @@
        display:inline-block;
        border-radius:8px;
        background:#007101;
        color:#fff;">管路整动</text>
      <text class="text-item" x="215" y="250" text-anchor="middle" font-size="20px"
        fill: rgb(211 211 211);">管路整动</text>
      <text class="text-item" x="245" y="250" text-anchor="middle" font-size="20px"
      style="padding:5px;
        font-size:14px;
        display:inline-block;
        border-radius:8px;
        background:#007101;
        color:#fff;">冷却油度高</text>
        fill: rgb(211 211 211);">冷却油度高</text>
      <text
        x="50"
        y="270"
@@ -37,7 +37,7 @@
        display:inline-block;
        border-radius:8px;
        background:#007101;
        color:#fff;"
        fill: rgb(211 211 211);"
        text-anchor="middle"
      >
        清洁度超差
@@ -48,14 +48,14 @@
        display:inline-block;
        border-radius:8px;
        background:#007101;
        color:#fff;">清洁度超差</text>
        <text x="240" class="text-item" y="110" text-anchor="middle" font-size="20px"
        fill: rgb(211 211 211);">清洁度超差</text>
        <text x="280" class="text-item" y="110" text-anchor="middle" font-size="20px"
      style="padding:5px;
        font-size:14px;
        display:inline-block;
        border-radius:8px;
        background:#007101;
        color:#fff;">保护器报警</text>
        fill:rgb(211 211 211)">保护器报警</text>
      <image xlink:href="../../public/语音.png" x="105" y="100" width="110" height="110" />
    </svg>
  </div>