Vue2 使用Highcharts 关系图

最新推荐文章于 2024-06-26 09:45:57 发布

笨鸟不想飞

最新推荐文章于 2024-06-26 09:45:57 发布

阅读量148

点赞数

文章标签：前端 vue.js echarts

本文链接：https://blog.csdn.net/fenghuihou/article/details/134752171

版权

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

摘要由CSDN通过智能技术生成

<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>