You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现饼图并隐藏水印?Area Highcharts如何隐藏credits?

Highcharts 版权信息隐藏及饼图实现指南

嗨,我来帮你搞定这两个Highcharts的问题,其实核心操作很统一,不管是饼图还是Area图,隐藏官方版权信息的方法都是一样的:

1. 实现饼图并隐藏水印

首先,先给你一份完整的饼图实现代码,同时包含隐藏水印的配置。你只需要在图表的全局配置里添加credits项,把enabled设为false就能去掉底部的highcharts.com水印了。

示例代码:

// 初始化饼图
Highcharts.chart('pie-container', {
    chart: {
        type: 'pie' // 指定图表类型为饼图
    },
    title: {
        text: '产品销量占比'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    series: [{
        name: '销量占比',
        data: [
            ['产品A', 45],
            ['产品B', 30],
            ['产品C', 25]
        ]
    }],
    credits: {
        enabled: false // 关键配置:禁用官方版权信息显示
    }
});

这样生成的饼图就不会显示任何官方水印,完全符合你的需求。

2. 隐藏Area Highcharts的highcharts.com credits

这个操作和饼图完全一致,因为credits是Highcharts的全局配置项,不管你用的是Area图、折线图还是其他图表类型,都可以通过同样的方式隐藏版权信息。

示例代码(Area图版本):

// 初始化Area图
Highcharts.chart('area-container', {
    chart: {
        type: 'area'
    },
    title: {
        text: '月度用户增长趋势'
    },
    xAxis: {
        categories: ['1月', '2月', '3月', '4月', '5月']
    },
    series: [{
        name: '新增用户',
        data: [120, 210, 180, 350, 420]
    }],
    credits: {
        enabled: false // 同样设置此项即可隐藏版权信息
    }
});

如果之后你想自定义版权信息(比如替换成自己的站点版权),也可以在credits里配置text和href属性,但如果只是单纯隐藏,enabled: false就足够用了。

内容的提问来源于stack exchange,提问作者Vishal Bhatnagar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 07:22:47