Highcharts的credits配置:去掉或修改“Highcharts.com”链接标签

1. “Highcharts.com”链接标签出现的原因——“credits”配置的默认值

第一次使用Highcharts做图表的时候,发现图表的右下角有一个“Highcharts.com”链接标签。通过查看官方的API文档:http://api.highcharts.com/highcharts#credits,发现“Highcarts.com”链接标签是“credits”属性的默认配置:

$('#container').highcharts({
	...
	credits: {
		enabled: true,
		href: 'http://www.highcharts.com',
		position: null,
		style: null,
		text: 'Highcharts.com'
	}
	...
});

2. 去掉“Highcarts.com”链接标签

去掉“Highcharts.com”链接标签方法很简单,只需要将credits配置的“enabled”属性的值设置为“false”:

$('#container').highcharts({
	...
	credits: {
		enabled: false
	}
	...
});
3. 修改“Highcarts.com”链接标签

例如,将链接标签的名称显示为“新域名示例”,链接到“http://www.NewDomainExample.com”:

$('#container').highcharts({
	...
	credits: {
		href: 'http://www.NewDomainExample.com',
		text: '新域名示例'
	}
	...
});
如果需要修改Credits链接标签的位置(position),或改变字体颜色等样式(style),可以参考官方API文档

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Highcharts饼图的配置项包括以下内容: 1. `legend`:图例的设置,可以控制图例的显示、布局、背景颜色等。 2. `plotOptions`:绘图选项,可以设置饼图的大小、内圈直径等。 3. `tooltip`:提示框的设置,可以定义提示框的格式。 4. `chart`:图表的设置,包括类型、背景颜色、边距等。 5. `title`:标题的设置。 6. `series`:数据列的设置,可以定义饼图的数据以及数据标签的样式。 这些配置项可以通过Javascript对象的方式进行设置,例如: ``` let option = { chart: { type: "pie", backgroundColor: "rgba(0, 0, 0, 0)", marginTop:10, options3d: { enabled: true, alpha: 50, beta: 0, }, }, title: { text: "", }, plotOptions: { pie: { borderColor: "#000", borderWidth: 1, allowPointSelect: true, cursor: "pointer", depth: 24, dataLabels: { enabled: true, format: "{point.name}", style: { textOutline: "none", color: "rgba(45,153,255,1)", fontSize: 11, }, }, }, }, series: [ { type: "pie", data: [ ["邮政包裹", 30], ["圆通快递", 20], ["京东快递", 30], ["申通快递", 50], ["德邦物流", 20], ["天天快递", 20], ["其他", 30], ["顺丰快递", 10], ["中通快递", 30], ["韵达快递", 20], ], }, ], }; Highcharts.chart("DispatchProportion", option); ``` 以上就是绘制Highcharts饼图所需的配置项。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Highcharts 3D饼图(1)上手使用配置](https://blog.csdn.net/kkk_xxx/article/details/109380972)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [highcharts 饼图常用设置项](https://blog.csdn.net/qq_26769677/article/details/80229195)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值