Skip to content

G
GaoQuIncubator
Commit beb36781 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

样式调整

parent fe0bd946
Hide whitespace changes
Inline Side-by-side
Showing with 105 additions and 95 deletions
src/views/Screen/index.vue
View file @ beb36781
......@@ -291,6 +291,87 @@
this.sjzlList = result;
});
},
qycxcysjfx() {
//企业创新创业数据分析
request({
url: "api/homePage/enterpriseInnovationAnalysis",
method: "get",
params: {
incubatorId: this.incubatorId
}
}).then((res) => {
const list = res.body || [];
// var colors = ["#0b50f5", "#00d1e6", "#0ce2a6", "#fdbe17"];
var colors = ["#00f0ff", "#00d1e6", "#0ce2a6", "#fdbe17", '#ff1fdd', '#ff3333', '#f8ff3a'];
var seriesFormat = Highchart.formatSeriesList(list, {
value: "num",
colors: colors,
});
var seriesData = seriesFormat.seriesData;
var opts = {
chartConfig: {
chart: {
backgroundColor: "transparent",
//spacing:[0, 0 , 0, 0]
},
title: {
floating: true,
text: "",
verticalAlign: "middle",
y: 22,
floating: true,
style: {
color: "#00f6ff",
// textOutline: 'none' // 去掉文字轮廓
},
},
tooltip: {
pointFormat: "{series.name}: <b>{point.percentage:.1f}%</b>",
},
credits: {
enabled: false,
},
legend: {
itemStyle: { color: "#fff", textOverflow: "ellipsis" },
layout: "horizontal",
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: "pointer",
showInLegend: true,
dataLabels: {
textOutline: "none", // 禁用文本轮廓
enabled: true,
useHTML: true,
format:
'<span style="color:{point.color}">{point.name}: {point.percentage:.1f}%</span>', // 标签颜色与图形颜色一致
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
style: {
fontSize: "0.17rem", // 设置系列文本的字体大小
},
},
},
},
series: [
{
type: "pie",
innerSize: "70%",
name: "设备数量",
data: seriesData,
},
],
},
isSeriesData: true,
};
// Highchart.template.pie(wrap34, list, opts);
Highchart.template.rich(
document.querySelector(".qycxcysjfxWrapper"),
list,
opts
);
});
},
srph() {
// 在孵企业今年总收入排行榜
request({
......@@ -377,10 +458,13 @@
name: "",
data: chartData.seriesData,
dataLabels: {
useHTML:true, // 取消阴影
// 将数据标签的位置设置在柱子的外侧
alignTo: 'connectors', // 之所以之前这里设置不好使，是与下面的align冲突了，align是内部显示的对其方式！
enabled: true,
color: "#FFFFFF",
align: "right",
format: "{point.y:.2f}万", // :.1f 为保留 1 位小数
// align: "right", // 内部对其专用，设置外部对齐时，不可设置该属性！！！
format: "<div style='font-size: 0.18rem;color:{point.color};color:#fff;'>{point.y:.2f}万</div>", // :.1f 为保留 1 位小数
},
},
],
......@@ -394,87 +478,7 @@
);
});
},
qycxcysjfx() {
//企业创新创业数据分析
request({
url: "api/homePage/enterpriseInnovationAnalysis",
method: "get",
params: {
incubatorId: this.incubatorId
}
}).then((res) => {
const list = res.body || [];
// var colors = ["#0b50f5", "#00d1e6", "#0ce2a6", "#fdbe17"];
var colors = ["#00f0ff", "#00d1e6", "#0ce2a6", "#fdbe17", '#ff1fdd', '#ff3333', '#f8ff3a'];
var seriesFormat = Highchart.formatSeriesList(list, {
value: "num",
colors: colors,
});
var seriesData = seriesFormat.seriesData;
var opts = {
chartConfig: {
chart: {
backgroundColor: "transparent",
//spacing:[0, 0 , 0, 0]
},
title: {
floating: true,
text: "",
verticalAlign: "middle",
y: 22,
floating: true,
style: {
color: "#00f6ff",
// textOutline: 'none' // 去掉文字轮廓
},
},
tooltip: {
pointFormat: "{series.name}: <b>{point.percentage:.1f}%</b>",
},
credits: {
enabled: false,
},
legend: {
itemStyle: { color: "#fff", textOverflow: "ellipsis" },
layout: "horizontal",
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: "pointer",
showInLegend: true,
dataLabels: {
textOutline: "none", // 禁用文本轮廓
enabled: true,
useHTML: true,
format:
'<span style="color:{point.color}">{point.name}: {point.percentage:.1f}%</span>', // 标签颜色与图形颜色一致
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
style: {
fontSize: "0.17rem", // 设置系列文本的字体大小
},
},
},
},
series: [
{
type: "pie",
innerSize: "70%",
name: "设备数量",
data: seriesData,
},
],
},
isSeriesData: true,
};
// Highchart.template.pie(wrap34, list, opts);
Highchart.template.rich(
document.querySelector(".qycxcysjfxWrapper"),
list,
opts
);
});
},
byqyjnzsrphb() {
// 毕业企业今年总收入排行榜
request({
......@@ -562,10 +566,13 @@
name: "",
data: chartData.seriesData,
dataLabels: {
useHTML:true, // 取消阴影
// 将数据标签的位置设置在柱子的外侧
alignTo: 'connectors', // 之所以之前这里设置不好使，是与下面的align冲突了，align是内部显示的对其方式！
enabled: true,
color: "#FFFFFF",
align: "right",
format: "{point.y:.2f}万", // :.1f 为保留 1 位小数
// align: "right", // 内部对其专用，设置外部对齐时，不可设置该属性！！！
format: "<div style='font-size: 0.18rem;color:{point.color}; color:#fff;'>{point.y:.2f}万</div>", // :.1f 为保留 1 位小数
},
},
],
......@@ -580,17 +587,17 @@
});
},
byqyndsjsfbhqs() {
//孵化企业年度上缴税费变化趋势
zfqyndsjsfbhqs() {
// 在孵企业年度上缴税费变化趋势
request({
url: "api/homePage/graduatedTaxTrend",
url: "api/homePage/incubatorTaxTrend",
method: "get",
params: {
incubatorId: this.incubatorId
}
}).then((res) => {
let list = res.body || [];
var chartData = Highchart.seriesDataFormat(list, {
datekey: "date",
dataReverse: true,
......@@ -662,22 +669,23 @@
};
// Highchart.template.rich(wrap35, list, opts);
Highchart.template.rich(
document.querySelector(".byqyndsjsfbhqsWrapper"),
document.querySelector(".zfqyndsjsfbhqsWrapper"),
list,
opts
);
});
},
zfqyndsjsfbhqs() {
// 在孵企业年度上缴税费变化趋势
byqyndsjsfbhqs() {
//孵化企业年度上缴税费变化趋势
request({
url: "api/homePage/incubatorTaxTrend",
url: "api/homePage/graduatedTaxTrend",
method: "get",
params: {
incubatorId: this.incubatorId
}
}).then((res) => {
let list = res.body || [];
var chartData = Highchart.seriesDataFormat(list, {
datekey: "date",
dataReverse: true,
......@@ -749,13 +757,12 @@
};
// Highchart.template.rich(wrap35, list, opts);
Highchart.template.rich(
document.querySelector(".zfqyndsjsfbhqsWrapper"),
document.querySelector(".byqyndsjsfbhqsWrapper"),
list,
opts
);
});
},
getIncubatorMarkers() {
request({
url: "api/homePage/incubatorLocation",
......@@ -816,6 +823,9 @@
height: 0.52rem !important;
}
}
.amap-copyright{
display: none !important;
}
#container {
height: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment