vue.js 中怎么使用 highCharts

Posted 2023-04-07

参考技术A 1) npm安装highcharts
2)定义变量
var Highcharts = require('highcharts');
3)获取元素
Highcharts.chart(this.$el, ...) in "mounted" method because this.$el isn't available before "mounted"
4) 在调用beforeDestroy前销毁highcharts对象
举例如下：
<template>
<div><div>
</template>

<script>
var Highcharts = require('highcharts');
export default
name : "Chart",
props :
series :
type: Array,
required: true

,
data : function()
return
target: undefined

,
mounted : function()
this.target = Highcharts.chart(this.$el,
title:
text: 'Monthly Average Temperature',
x: -20 //center
,
subtitle:
text: 'Source: WorldClimate.com',
x: -20
,
xAxis:
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
,
yAxis:
title:
text: 'Temperature (°C)'
,
plotLines: [
value: 0,
width: 1,
color: '#808080'
]
,
tooltip:
valueSuffix: '°C'
,
legend:
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
,
series: this.series
);
,
beforeDestroy: function()
this.target.destroy();
,

</script>

使用highcharts怎么去掉图表上那个官网标识链接

你用记事本等编辑器打开highcharts.js这个文件
然后搜索“highcharts”，你会找到一个超链接
然后你替换成你想显示的文字就行，不想显示文字，你就可以设置成空字符串就OK,那个超链接地址也可以做相应的修改 参考技术A 你可以找到highcharts.js这个文件，直接查找源码中的字符串“highcharts”，然后替换成空字符串或者你想要显示的字符串就行，对应的这是一个a标签，你可以修改成你想要连接的网址，如果不想链接到其他地方就改成“#”。
有什么问题都可以追问我，没问题望采纳，谢谢