Question

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

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

这很有效，但我需要覆盖tooltip中的PieChart字段。我可以在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中从tooltip传递我想要的ContainingClass值。

Answer 1

正确答案是传递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>'
      },
    }
  }

});

设置Highcharts饼图chartDefaults来自在React中调用jsx文件

1 个答案: