从AnyChart-React中删除Credits

Question

从标准anycharts中删除信用证明有充分证据here：

var credits = chart.credits();
credits.enabled(false);

使用AnyChart-React库最简单的方法是什么，我什么都看不到？

谢谢。

Answer 1

如果你不在AnyChart组件上使用实例属性 - 将在图表上调用所有属性（保留除外），就像它将是JS API（see component usage）一样。因此，如果您想关闭信用，请将信用属性设置为false：<AnyChart credits={false} />（相当于chart.credits(false)）

Answer 2

您可以访问任何图表的实例，然后调用信用函数，如下所示：

componentDidMount() {
  const credits = this.anyChart.instance.credits();
  credits.enabled(false);
}
    
render() {
  return <AnyChart ref={(ref) => { this.anyChart = ref; }} />;
}

Answer 3

只需将以下内容放入您的CSS：

.anychart-credits {
   display: none;
}

Answer 4

这不是那么明显，也没有在文档中解释。我成功设置了许可证密钥并隐藏了AnyChart React组件的信用，请参阅下面的代码。

import React from 'react'

import AnyChart from 'anychart-react'

export class DonutChart extends React.Component {

    constructor (props) {
        super(props)
        window.anychart.licenseKey('YOUR-KEY-HERE')
    }

    render() {
        return(

        <div className="sixteen wide column" style={{ padding: "30px 20px 0px 20px" }}>

            <AnyChart
                type = "pie"
                data = { [1, 2, 3, 4] }
                title = "Simple pie chart"
                credits={false}
            />

        </div>

        )
    }

}

export default DonutChart