本文记录了在Vue项目中引入并使用Highcharts的过程，包括配置饼状图的详细步骤，如设置背景颜色、标题、数据标签等，以及解决网上教程通用性问题的个人实践心得。
<template>
<div class='earlywarning'>
<div id="container"></div>
</div>
</template>
<script>
import * as Highcharts from 'highcharts'
export default {
data () {
return {}
},
mounted () {
this.drowCart()
},
methods: {
drowCart () {
const chart = Highcharts.chart(
'container', {
chart: {
spacing: [0, 0, 0, 0],
backgroundColor: '#073149'
},
title: {
floating: true,
text: '预警情况',
style: {
color: '#f8f8f8'
}
},
credits: {
enabled: false
},
tooltip: {
pointFormat:
最低0.47元/天 解锁文章
扫一扫
470
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
