|
|
@@ -13,11 +13,16 @@
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
body {
|
|
|
- background-color: #04060a;
|
|
|
+ height: 100%;
|
|
|
+ margin: 0;
|
|
|
+ background-image: url(./chart4app-bg.jpg);
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center center;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
-<body style="height: 100%; margin: 0">
|
|
|
+<body>
|
|
|
<div id="container" style="height: 100%"></div>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
|
<script type="text/javascript" src="https://cdn.staticfile.org/echarts/5.4.2/echarts.min.js"></script>
|
|
|
@@ -172,6 +177,9 @@
|
|
|
label: {
|
|
|
position: 'right',
|
|
|
show: true,
|
|
|
+ color: '#fff',
|
|
|
+ fontSize: '20px',
|
|
|
+ fontWeight: 'bold',
|
|
|
}
|
|
|
},
|
|
|
// 高亮状态的图形样式
|
|
|
@@ -179,7 +187,10 @@
|
|
|
scale: false,
|
|
|
label: {
|
|
|
position: 'right',
|
|
|
- show: true
|
|
|
+ show: true,
|
|
|
+ color: '#fff',
|
|
|
+ fontSize: '20px',
|
|
|
+ fontWidth: 'bold',
|
|
|
}
|
|
|
},
|
|
|
// 图表是否可以移动、缩放
|
任一存
