highcharts无数据时显示文字

是不是有小伙伴想要在查询的时候没有数据想添加点文字上去提示 首先你要在里面先引入它的文字提示文件

<link rel="stylesheet" href="../../layui/css/layui.css">
<script type="text/javascript" src="../../code/highcharts.js"></script>
<!--引入这个插件 不然就不会显示要的文字 -->
<script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
<script type="text/javascript" src="../../code/modules/exporting.js"></script>
<script type="text/javascript" src="../../code/themes/dark-unica.js"></script>

在里面加一个lang.noData: 

title: {
			text: '客户服务分析',
			style:{
				color: '#3E576F',
		        fontSize: '25px',
		        fontWeight: 'bold'
		    }
	},

	lang: {
		noData: "没找到要显示的数据"//自定义显示文本 
		},
		noData: { //自定义样式
		position: { //相对于绘图区定位无数据标签的位置。 默认值:[object Object].
		//align: 'right', 
		//verticalAlign: 'bottom' 
		}, 
		attr: { //无数据标签中额外的SVG属性
		//'stroke-width': 1, 
		//stroke: '#cccccc' 
		}, 
		// Custom css 
		style: { //对无数据标签的CSS样式。 默认值:[object Object]. 
		fontWeight: 'bold', 
		fontSize: '20px', 
		color: 'red' 
		} 
		},

	tooltip: {
			headerFormat: '{series.name}<br>',
			pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'
	},

加入这个之后里面提示可自己设置 还有字体大小 以及颜色。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值