Vue2 使用Highcharts 关系图

最新推荐文章于 2024-09-13 22:31:25 发布

笨鸟不想飞

最新推荐文章于 2024-09-13 22:31:25 发布

阅读量219

点赞数

文章标签：前端 vue.js echarts

本文链接：https://blog.youkuaiyun.com/fenghuihou/article/details/134752171

版权

本文介绍了如何在HTML模板中使用Highcharts库，包括Sankey模块的导入，以及如何设置和渲染图表。还提到了exporting和organization模块的应用，展示了在前端默认配置中创建图表的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
	<div   id='test'></div>
</template>
<script>
import Highcharts from  'highcharts'
import sankey from 'highcharts/modules/sankey'
sankey(Highcharts)
import exporting  from 'highcharts/modules/exporting'
exporting(Highcharts)
import organization from "highcharts/modules/organization"
organization(Highcharts)

expoort default{
	data(){
		chartOptions:{}
	},
	mounted(){
		Highcharts.chart('test',this.chartOptions)
	}
}
</script>