Commit 27115f0c authored by chenqikuai's avatar chenqikuai

fix:优化折线图展示

parent 8fd5d1ad
...@@ -163,7 +163,6 @@ export default Vue.extend({ ...@@ -163,7 +163,6 @@ export default Vue.extend({
color: '#7c88ad', color: '#7c88ad',
}, },
}, },
boundaryGap: false,
data: times data: times
?.map((i) => { ?.map((i) => {
return i.format return i.format
...@@ -215,7 +214,7 @@ export default Vue.extend({ ...@@ -215,7 +214,7 @@ export default Vue.extend({
itemStyle: {}, itemStyle: {},
}, },
], ],
grid: this.grid, grid: { ...this.grid },
}) })
} }
}) })
......
...@@ -91,10 +91,9 @@ export default VueTypedMixins(chartsMixin).extend({ ...@@ -91,10 +91,9 @@ export default VueTypedMixins(chartsMixin).extend({
color: '#7c88ad', color: '#7c88ad',
}, },
}, },
boundaryGap: false,
data: times data: times
?.map((i) => { ?.map((i) => {
return moment.unix(i).format('YYYY-MM-DD') return moment.unix(i).format('YYYY.MM.DD')
}) })
.reverse(), .reverse(),
}, },
......
...@@ -26,10 +26,10 @@ ...@@ -26,10 +26,10 @@
:scale="currentFilter" :scale="currentFilter"
style="height: 100px;" style="height: 100px;"
:grid="{ :grid="{
top: '15px', top: '12px',
bottom: '25px', bottom: '25px',
left: '50px', left: '50px',
right: '40px', right: '20px',
}" }"
></charts> ></charts>
</div> </div>
......
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
top: '10px', top: '10px',
bottom: '25px', bottom: '25px',
left: '50px', left: '50px',
right: '50px', right: '20px',
}" }"
></charts-in-addr> ></charts-in-addr>
</div> </div>
......
...@@ -22,14 +22,15 @@ ...@@ -22,14 +22,15 @@
:grid="{ :grid="{
top: '20px', top: '20px',
bottom: '25px', bottom: '25px',
left: '60px', left: '50px',
right: '60px', right: '20px',
}" }"
></charts> ></charts>
</div> </div>
</template> </template>
<script> <script>
import Charts from '@/components/charts.vue' import Charts from '@/components/charts.vue'
import Vue from 'vue' import Vue from 'vue'
export default Vue.extend({ export default Vue.extend({
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
top: '10px', top: '10px',
bottom: '25px', bottom: '25px',
left: '50px', left: '50px',
right: '40px', right: '20px',
}" }"
style="height: 110px;" style="height: 110px;"
></charts-in-addr> ></charts-in-addr>
......
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