从AnyChart-React中移除Credits

时间:2017-06-12 09:57:13

标签: reactjs anychart

从标准anycharts中删除信用记录已有详细记录here

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

使用AnyChart-React库进行此操作的最简单方法是什么,我看不到任何记录?

感谢。

4 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

将以下内容放入css:

.anychart-credits {
   display: none;
}

答案 3 :(得分:0)

那不是很明显,文档也没有解释。我已经成功设置了许可证密钥并隐藏了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