|
@@ -13,7 +13,7 @@
|
|
|
<div class="item-container">
|
|
|
<div class="item" v-for="(ite, i) in itemData" :key="i">
|
|
|
<div class="val">121</div>
|
|
|
- <div class="lab">数据</div>
|
|
|
+ <div class="lab">{{ ite.lable }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -43,7 +43,12 @@ export default {
|
|
|
return {
|
|
|
year: "2024",
|
|
|
loading: true,
|
|
|
- itemData: [{}, {}, {}, {}],
|
|
|
+ itemData: [
|
|
|
+ { lable: "日计划完成情况" },
|
|
|
+ { lable: "周计划完成情况" },
|
|
|
+ { lable: "月计划完成情况" },
|
|
|
+ { lable: "年计划完成情况" },
|
|
|
+ ],
|
|
|
currentMap: "",
|
|
|
};
|
|
|
},
|
|
@@ -62,15 +67,20 @@ export default {
|
|
|
var option = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
+ // trigger: "axis",
|
|
|
+ alwaysShowContent: true,
|
|
|
formatter: function (params) {
|
|
|
- if (
|
|
|
- params.name != "台湾" &&
|
|
|
- params.name != "香港" &&
|
|
|
- params.name != "澳门" &&
|
|
|
- params.name.length > 0
|
|
|
- ) {
|
|
|
- return params.name + "<br/>数值:" + params.value;
|
|
|
- }
|
|
|
+ return (
|
|
|
+ params.name +
|
|
|
+ "<br/>日计划完成情况" +
|
|
|
+ params.value +
|
|
|
+ "<br/>周计划完成情况" +
|
|
|
+ params.value +
|
|
|
+ "<br/>月计划完成情况" +
|
|
|
+ params.value +
|
|
|
+ "<br/>年计划完成情况" +
|
|
|
+ params.value
|
|
|
+ );
|
|
|
},
|
|
|
},
|
|
|
visualMap: {
|
|
@@ -180,6 +190,11 @@ export default {
|
|
|
window.addEventListener("resize", () => {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
+ myChart.dispatchAction({
|
|
|
+ type: "showTip",
|
|
|
+ seriesIndex: 0,
|
|
|
+ dataIndex: 0,
|
|
|
+ });
|
|
|
myChart.on("click", (params) => {
|
|
|
this.currentMap = params.name;
|
|
|
this.initCharts(mapEnum[params.name]);
|