fusioncharts / react-fusioncharts-component

ReactJS component for FusionCharts JavaScript Charting library.
https://fusioncharts.github.io/react-fusioncharts-component/
MIT License
93 stars 33 forks source link

chartMouseMove event is not getting fired in FusionTime React implementation #54

Closed soumyasankarduttagit closed 4 years ago

soumyasankarduttagit commented 4 years ago

chartMouseMove event is not getting fired in FusionTime React implementation whereas dataPlotClick event is getting fired. Please check the following sample for chartMouseMove -> https://codesandbox.io/s/condescending-clarke-k5cm2 dataPlotClick -> https://codesandbox.io/s/kk732kl7vo

siawo commented 4 years ago

@soumyasdutta The event is working in the latest FusionCharts 3.15.1. Please refer to the below code.


class ChartViewer extends React.Component {
  constructor(props) {
    super(props);
    const fusionTable = new FusionCharts.DataStore().createDataTable(
      data,
      schema
    );

    this.state = {
      inverted: false,
      type: 'timeseries',
      dataSource: {
        chart: {
          enableChartMouseMoveEvent: '1'
        },
        data: fusionTable
      }
    };
  }

  render() {
    return (
      <div>
        <ReactFC
          type={this.state.type}
          width={this.state.inverted ? '400' : '600'}
          height={this.state.inverted ? '600' : '400'}
          dataFormat="json"
          dataSource={this.state.dataSource}
          fcEvent-chartmousemove={() => console.log('here')}
        />
      </div>
    );
  }
}