返回

如何去除高图表中的版权链接？两种方法详解！

javascript

去除高图表中的版权链接

购买了高图表的许可证，却发现图表的右下角仍然醒目地显示着版权链接。这不仅影响了图表的美观，还影响了网站的整体视觉效果。本文将介绍两种方法，帮助您轻松去除高图表的版权链接。

方法 1：JavaScript API

如果您使用的是高图表的 JavaScript API，可以按照以下步骤去除版权链接：

  1. 在图表配置对象中，设置 credits.enabled 为 false。
// 图表配置对象
var chartOptions = {
  // ...其他配置项
  credits: {
    enabled: false
  }
};
  1. 使用 Highcharts.chart() 函数创建图表，并传入配置对象。
var chart = Highcharts.chart('container', chartOptions);

方法 2：直接修改 HTML 代码

如果您直接在 HTML 中嵌入高图表，可以使用以下代码去除版权链接：

<script src="https://code.highcharts.com/highcharts.js"></script>
<script>
  Highcharts.createElement('link', {
    href: 'https://code.highcharts.com/css/default.css',
    rel: 'stylesheet',
    type: 'text/css'
  }, null, document.getElementsByTagName('head')[0]);

  Highcharts.createElement('style', {
    type: 'text/css'
  }, ".highcharts-credits { display: none; }", document.getElementsByTagName('head')[0]);
</script>

注意事项

需要注意的是，直接修改 HTML 代码的方式存在潜在风险。如果高图表的版本更新，可能导致该方法失效。

结论

通过以上两种方法，可以有效去除高图表的版权链接，提升图表的美观度和网站的整体用户体验。在使用高图表时，请根据需要选择最适合自己的方法。

常见问题解答

1. 为什么购买了高图表的许可证后，图表的版权链接仍然存在？

高图表的许可证不包括去除版权链接的功能。但是，可以通过本文介绍的方法去除版权链接。

2. 除了去除版权链接，还有什么方法可以提升高图表的视觉效果？

可以使用各种自定义选项来提升高图表的视觉效果，例如自定义主题、字体和颜色。

3. 如何在高图表中添加自定义文本或图像？

可以使用 annotations 选项在高图表中添加自定义文本或图像。

4. 我可以将高图表导出为图片或 PDF 文件吗？

可以使用 exporting 模块将高图表导出为图片或 PDF 文件。

5. 高图表是否支持响应式设计？

高图表支持响应式设计，可以自动调整大小以适应不同的屏幕尺寸。