zx-修改了v-label-ctx的字体大小

prod
张雄 3 years ago
parent dccfc995a5
commit d2c7630d71

@ -67,42 +67,44 @@ export default {
border-bottom: 1px solid #0F2A4D; border-bottom: 1px solid #0F2A4D;
.d1 { .d1 {
display: block; display: block;
width: 34%;
.s1 { .s1 {
display: block; display: block;
width: 100%; width: 66%;
height: 4px; height: 8px;
background: red; background: red;
} }
.s2 { .s2 {
display: block; display: block;
font-size: 14px; font-size: 18px;
color: #fff; color: #fff;
margin-top: 10px; margin-top: 10px;
} }
} }
.d2 { .d2 {
width: 20%;
.s1 { .s1 {
display: block; display: block;
font-size: 12px; font-size: 16px;
color: #7a8289; color: #7a8289;
} }
.s2 { .s2 {
display: block; display: block;
font-family: Bebas; font-family: Bebas;
font-size: 14px; font-size: 18px;
color: #fff; color: #fff;
} }
} }
.d3 { .d3 {
.s1 { .s1 {
display: block; display: block;
font-size: 12px; font-size: 16px;
color: #7a8289; color: #7a8289;
} }
.s2 { .s2 {
display: block; display: block;
font-family: Bebas; font-family: Bebas;
font-size: 14px; font-size: 18px;
color: #fff; color: #fff;
} }
} }

@ -22,7 +22,7 @@
><span class="s2">负面</span> ><span class="s2">负面</span>
</div> </div>
</div> </div>
<div class="bd-inner"> <div class="bd-inner" style="margin-left: 18px">
<roundata <roundata
v-for="(item,index) in list" v-for="(item,index) in list"
:key="index" :key="index"

@ -11,9 +11,9 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx,ds) { export default function createOpt(dx,ds) {
return { return {
grid: { grid: {
top: "16px", top: "10%",
left: "16px", left: "16px",
right: "28px", right: "5%",
bottom: "16px", bottom: "16px",
containLabel: true, containLabel: true,
}, },

@ -19,10 +19,10 @@
<span style="color: #3373cc">{{eventList[0]}}</span> <span style="color: #3373cc">{{eventList[0]}}</span>
</v-label-div> </v-label-div>
<div class="d1x"> <div class="d1x">
<div class="dd1"> <div class="dd1" style="width:53%">
<v-echarts :opt="opt1"></v-echarts> <v-echarts :opt="opt1"></v-echarts>
</div> </div>
<div class="dd2"> <div class="dd2" style="width:47%">
<v-label-ctx <v-label-ctx
v-for="(item, index) in showData1" v-for="(item, index) in showData1"
:key="index" :key="index"
@ -45,10 +45,10 @@
<span style="color: #54bf93">{{eventList[1]}}</span> <span style="color: #54bf93">{{eventList[1]}}</span>
</v-label-div> </v-label-div>
<div class="d1x"> <div class="d1x">
<div class="dd1"> <div class="dd1" style="width:53%">
<v-echarts :opt="opt2"> </v-echarts> <v-echarts :opt="opt2"> </v-echarts>
</div> </div>
<div class="dd2" style="margin-right: 16px"> <div class="dd2" style="width:47%;margin-right: 16px">
<v-label-ctx <v-label-ctx
v-for="(item, index) in showData2" v-for="(item, index) in showData2"
:key="index" :key="index"

@ -43,7 +43,7 @@ export default function createOpt1(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 28, lineHeight: 32,
color: "#ffff", color: "#ffff",
}, },
emphasis: { emphasis: {

@ -43,7 +43,7 @@ export default function createOpt2(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 28, lineHeight: 32,
color: "#ffff", color: "#ffff",
}, },
emphasis: { emphasis: {

@ -9,7 +9,7 @@
*/ */
import * as echarts from "echarts"; import * as echarts from "echarts";
import {bigNumberTransform} from "@/utils/gol/dataTool" import {bigNumberTransform} from "@/utils/gol/dataTool"
let colors = ['#3172ca', '#459c97', '#ab8921'] let colors = ['#3373CC', '#54BF93', '#CC9D12']
function createData(ds = []) { function createData(ds = []) {
let arr = []; let arr = [];
for (let i = 0; i < ds.length; i++) { for (let i = 0; i < ds.length; i++) {

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 48
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '24',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 48
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '24',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

@ -51,13 +51,14 @@ export default function createOpt(ds = []) {
show: false, show: false,
position: 'center', position: 'center',
color: "#ffff", color: "#ffff",
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '20', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: "bold",
formatter: function (p) { formatter: function (p) {
return `${p.data.name}\n${p.percent}%\n${p.data.value}` return `${p.data.name}\n${p.percent}%\n${p.data.value}`
} }

@ -41,13 +41,14 @@ export default function createOpt(ds=[], colors=[]) {
show: false, show: false,
position: 'center', position: 'center',
color: "#ffff", color: "#ffff",
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '20', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: "bold",
formatter: function (p) { formatter: function (p) {
return `${p.data.name}\n${p.percent}%\n${p.data.value}` return `${p.data.name}\n${p.percent}%\n${p.data.value}`
} }

@ -40,7 +40,7 @@ export default function createOpt(ds = [], colors= []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {

@ -41,13 +41,14 @@ export default function createOpt(ds=[], colors=[]) {
show: false, show: false,
position: 'center', position: 'center',
color: "#ffff", color: "#ffff",
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '20', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {
return `${p.data.name}\n${p.percent}%\n${p.data.value}` return `${p.data.name}\n${p.percent}%\n${p.data.value}`
} }

@ -40,7 +40,7 @@
:cont="item.value" :cont="item.value"
:percentage="((item.value / total) * 100).toFixed(2) + '%'" :percentage="((item.value / total) * 100).toFixed(2) + '%'"
:color="colors[index]" :color="colors[index]"
:eStyle="{ height: '4.27rem' }" :eStyle="{ height: '5.14rem' }"
></v-label-ctx> ></v-label-ctx>
</vue-scroll> </vue-scroll>
</div> </div>

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

@ -40,7 +40,7 @@
:cont="item.value" :cont="item.value"
:percentage="((item.value / total) * 100).toFixed(2) + '%'" :percentage="((item.value / total) * 100).toFixed(2) + '%'"
:color="colors[index]" :color="colors[index]"
:eStyle="{ height: '4.27rem' }" :eStyle="{ height: '5.14rem' }"
></v-label-ctx> ></v-label-ctx>
</vue-scroll> </vue-scroll>
</div> </div>

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
label: { label: {
show: false, show: false,
position: 'center', position: 'center',
lineHeight: 30 lineHeight: 36
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '16', fontSize: '20',
color: "#ffff", color: "#ffff",
fontWeight: 'bold', fontWeight: 'bold',
formatter: function (p) { formatter: function (p) {

Loading…
Cancel
Save