|
|
@@ -3,10 +3,18 @@
|
|
|
<div class="title">
|
|
|
<span>问答数量</span>
|
|
|
</div>
|
|
|
- <div style="width: 100%">
|
|
|
+ <div style="width: 100%;height:400px">
|
|
|
<!-- <img src="../../assets/dataimage/1.png" style="width:90%" /> -->
|
|
|
<div id="charts_canvas" class="echart" style="width: 100%; height: 100%; margin: 0 0 0 1rem"></div>
|
|
|
</div>
|
|
|
+ <div class="tips">
|
|
|
+ <img src="../../../assets/tips.png" alt />
|
|
|
+ <span>
|
|
|
+ 提示：目前答对
|
|
|
+ <span>正确选项B</span>的，只有
|
|
|
+ <span>{{problemJson.B}}</span>位同学！学要继续往“实践探究”方向继续加强学习哦！
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -18,7 +26,7 @@ export default {
|
|
|
chartObj: null,
|
|
|
ooption: {
|
|
|
xdata: ["A", "B", "C", "D"],
|
|
|
- sdata: [],
|
|
|
+ sdata: [0, 0, 0, 0],
|
|
|
},
|
|
|
option: {
|
|
|
tooltip: {
|
|
|
@@ -102,6 +110,7 @@ export default {
|
|
|
this.option.series[0].data = this.ooption.sdata;
|
|
|
this.chartObj.setOption(this.option);
|
|
|
}
|
|
|
+ this.$forceUpdate();
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -123,7 +132,7 @@ export default {
|
|
|
<style scoped>
|
|
|
.data_body {
|
|
|
height: 500px;
|
|
|
- display: flex;
|
|
|
+ /* display: flex; */
|
|
|
position: relative;
|
|
|
border-radius: 5px;
|
|
|
/* border: 1px solid #eee; */
|
|
|
@@ -134,8 +143,28 @@ export default {
|
|
|
background: #fff;
|
|
|
}
|
|
|
.data_body .title {
|
|
|
- position: absolute;
|
|
|
+ /* position: absolute;
|
|
|
top: 20px;
|
|
|
- left: 20px;
|
|
|
+ left: 20px; */
|
|
|
+}
|
|
|
+
|
|
|
+.tips {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ background: #eee;
|
|
|
+ padding: 6px 6px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 5px;
|
|
|
+ color: #171717;
|
|
|
+}
|
|
|
+
|
|
|
+.tips img {
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.tips span span {
|
|
|
+ color: #077aff;
|
|
|
+ margin: 0 3px;
|
|
|
}
|
|
|
</style>
|
zengyicheng
