我正在研究 react google-chart react-google-chart并且工作正常。我想要做的是将点击事件添加到水平轴的标签并获取标签名称并做我想做的事情
我谷歌了很多,但还没有找到正确的解决方案
我所做的是这个
import React, { Component } from 'react'
import { Chart } from "react-google-charts";
export default class manpowerGraph extends Component {
render() {
const data=[
['Year', 'Sales'],
['jan', 20],
['feb', 100],
['march', 55],
['april', 120],
['may', 200],
['june', 220],
]
const options={
// Material design options
chart: {
title: 'Manpower',
},
}
return (
<div className="manpowerChart">
<Chart
chartType="Bar"
width="100%"
height="400px"
data={data}
options={options}
legendToggle
chartEvents={[
{
eventName: "ready",
callback: ({ chartWrapper, google }) => { …Run Code Online (Sandbox Code Playgroud) 我使用谷歌的visulaization绘制饼图.我想面对的是,我无法捕捉饼图上的点击事件.我这样做.
function drawchartfromRe()
{
dashboard = new google.visualization.Dashboard(
document.getElementById('dashboard_div'));
//alert("RefuelLength"+totrefuelList.length);
//alert("Vehicleid:"+totrefuelList[0].vehicleId);
//google.load("visualization", "1", {packages:["corechart"]});
data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Quantity');
data.addRows(totrefuelList.length);
for (var i=0;i<totrefuelList.length;i++)
{
data.setValue(i, 0, totrefuelList[i].vehicleName);
data.setValue(i, 1, totrefuelList[i].totalRefuelQty);
}
// var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart = new google.visualization.ChartWrapper({
'chartType': 'PieChart',
'containerId': 'chart_div',
'options': {
title: 'Refuel Trend',
height:'500',
width:'400',
backgroundColor: { fill:'transparent' },
'legend': 'right'
}
});
/* google.visualization.events.addListener(chart, 'select', function(e) {
// var selection = chart.getSelection();
var vehid= data.getValue(visualization.getSelection()[0].row, …Run Code Online (Sandbox Code Playgroud)