Thank you, that seems like what I'm after in terms of pull down selector. My data table has x values and several y values already in there, and I want to swap out y values to make a "new" scatter chart.
On Fri, Mar 31, 2023 at 12:10 PM 'Ray Thomas' via Google Visualization API < google-visualization-api@googlegroups.com> wrote: > This is fairly easy to do, but you are going to have to change the type of > chart you are drawing. This is because scatter charts do not support > the isStacked option which allows you to use the percent stacked display. > It's just not in the list of scatter chart options - > https://developers.google.com/chart/interactive/docs/gallery/scatterchart#configuration-options > as > it is in things like the column charts - > https://developers.google.com/chart/interactive/docs/gallery/columnchart#configuration-options. > I also tried it on some of my own charts and it does not work. > > I suppose you could calculate the points yourself and draw that data, but > it is probably easier to reconsider the type of chart you are drawing. > > What you need is something like a button, dropdown or something similar to > let the users switch between what they want to see. You can use the > onChange event of the switch to signal the code to redraw the chart with > the new values. > > Here's a dropdown I used to choose between a normal, stacked and percent > column chart: > > <select id="chooseChart" onchange="studentSex.redrawChart()"> > <option value="Column">Column</option> > <option value="Stacked">Stacked</option> > <option value="Percent">Percent</option> > </select> > > and here's the function I used to redraw the chart: > > function redrawChart(){ > var chartType = document.getElementById("chooseChart").value; > var optionVar = false; > if (chartType == "Stacked") {optionVar = true} > if (chartType == "Percent") {optionVar = 'percent'} > var options = {isStacked: optionVar}; > > var chart = new > google.visualization.ColumnChart(document.getElementById('studentData_div')); > > chart.draw(studentData, options); > } > > You can see a working example along with the full script of this on > https://brisray.com/google-charts/multiple.htm > > The page also shows how to change between different types of chart, I used > a column and bar chart in my example. There's no reason you can't combine > both the type of chart and whether it is stacked ot not in one go. > > On Thursday, March 30, 2023 at 3:18:45 PM UTC-4 Kenton Jones wrote: > >> I have a google scatter chart up and running. >> Chart shows a standard x-axis value and y-axis value. >> >> I'm thinking of adding a feature where >> user can click a button anCan you advise on general approach >> to add a button when clicked the chart will update >> from X date Y value to X date Y percent? >> (and I could update new y axis options) >> >> Thx >> > -- > You received this message because you are subscribed to a topic in the > Google Groups "Google Visualization API" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/google-visualization-api/f4SbYQnN3sE/unsubscribe > . > To unsubscribe from this group and all its topics, send an email to > google-visualization-api+unsubscr...@googlegroups.com. > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/a3bb9374-3809-41c9-a555-62b77c60fd57n%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/a3bb9374-3809-41c9-a555-62b77c60fd57n%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- 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 google-visualization-api+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAGwFoQ%2BcR-BcHKOfEg%3Ddyv0UzE_sgAP-_jok7eoBXM5%2BGOJ4hQ%40mail.gmail.com.
