通过调用React中的jsx文件设置Highcharts piechhartDefaults

Setting Highcharts piechart chartDefaults from calling jsx file in React

本文关键字：文件 设置 Highcharts piechhartDefaults jsx 中的 调用 React      更新时间：2023-09-26

我使用以下语法来渲染Highcharts PieChart。

var ContainingClass = React.createClass({
  render: function() {
    return (
        <PieChart
            title={this.props.title}
            series={this.props.series}
        />
    );
  },
});

这很好，但我需要覆盖PieChart中的tooltip字段。我可以在ContainingClass中更改什么来实现这一点？

编辑：这是PieChart-http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-basic/我知道我需要设置工具提示字段，并且可以用纯javascript或jquery进行设置。我不知道如何从React中的ContainingClass传递我想要的tooltip值。

正确的答案是按如下方式传递ChartOverride函数：

var ContainingClass = React.createClass({
  render: function() {
    return (
        <PieChart
            title={this.props.name}
            series={this.props.series}
            chartOverrides={this.chartOverrides()}
        />
    );
  },
  chartOverrides: function() {
    return {
      tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
      },
    }
  }
});
相关文章：