[image: Screen Shot 2020-05-04 at 3.55.18 PM.png]
On Monday, May 4, 2020 at 3:51:07 PM UTC-5, Girish Pasupuleti wrote: > > Hi, > > Below is the URL for sandbox (related to the issue): > https://codesandbox.io/s/rakannimerreact-google-charts-linechart-bwsx3 > > Trying to use ChartRangeFilter controlType for LineChart in our app. Using > filterColumnIndex: 1 as column 0 is of string type. am i doing something > wrong with the options? > import React from "react"; import ReactDOM from "react-dom"; import Chart from "react-google-charts"; // Ref : https://developers.google.com/chart/interactive/docs/gallery/histogram const data = [ ["day", "Sales", "Expenses"], ["day 1", 660, 400], ["day2", 1000, 460], ["day3", 1200, 1120], ["day4", 1330, 540] ]; const options = { title: "Company Performance", selectionMode: "multiple", pointSize: 7, curveType: "function" }; class App extends React.Component { render() { return ( <div className="App"> <Chart chartType="LineChart" width="100%" height="400px" data={data} options={options} controls={[ { controlType: "ChartRangeFilter", options: { filterColumnIndex: 1, ui: { chartType: "LineChart", chartOptions: { curveType: "function", chartArea: { width: "90%", height: "50%" }, hAxis: { baselineColor: "none" } } }, view: { columns: [1, 2] } }, controlPosition: "bottom" } ]} /> </div> ); } } const rootElement = document.getElementById("root"); ReactDOM.render(<App />, rootElement); -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/52cb8206-ed21-40c1-81db-e7236859e3c3%40googlegroups.com.
