从 AnyChart-React 中删除学分

Question

从标准中删除学分 anycharts is well documented here:

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

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

谢谢。

Answer 1

你可以访问anychart的实例，然后调用credits函数，看起来像：

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

Answer 2

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

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

从 AnyChart-React 中删除学分

Removing Credits from AnyChart-React

reactjs

anychart