Thanks asgallant! The hack worked very well (bubble chart also worked but had issues with selecting between the two different charts).
I noticed that I'm having an indexing issue now. When I use category or slider filters, is there a way to have the points keep the same index as the plot with the entire dataset? It appears like the viewable data points get reset to 0, which causes issues when I reference data from my spreadsheet. Here is my code (although I'm having issues getting it to run well in jsfiddle): http://jsfiddle.net/isasquatch/TEAk6/ On Wednesday, September 4, 2013 2:56:23 PM UTC-7, asgallant wrote: > > Points are colored by series in a ScatterChart, so you have to break out > the data into multiple series to change their color. > Here's<http://jsfiddle.net/asgallant/zwPuU/>a hack that does something > similar that might help you. > > Also, depending on your use case, you might be able to use a > BubbleChart<https://developers.google.com/chart/interactive/docs/gallery/bubblechart>instead > of a ScatterChart, which has a built-in capability to color points > by name. > > On Wednesday, September 4, 2013 5:01:11 PM UTC-4, Sean Michael wrote: >> >> I am trying to make update the properties of the ChartWrapper. I'd like >> to have each class displayed as a different color in the scatterplots (ie: >> class = 1 set as blue, class=2 set as red, etc.) and update the names in >> the drop down menu. I've tried using the setRowProperty(rowIndex, name, >> value)but I'm having trouble getting it to work in the dashboard. Do you >> have any advice on how to do this? >> >> On Wednesday, August 14, 2013 9:51:18 PM UTC-7, asgallant wrote: >>> >>> To use the chart's in a Dashboard, you have to use ChartWrappers instead >>> of chart objects. The ChartWrapper has a parameter called "view", which >>> allows you to specify the parameters of a DataView to use with the chart. >>> See this: http://jsfiddle.net/asgallant/9MDws/17/ >>> >>> On Wednesday, August 14, 2013 7:16:48 PM UTC-4, Sean Michael wrote: >>>> >>>> Thanks asgallant! Setting the trigger: 'none' works great. >>>> >>>> I would also like to add a category filter and slider. I've followed >>>> the example on code playground: >>>> https://code.google.com/apis/ajax/playground/#full_dashboard >>>> but since I'm using two separate data views, I'm not quite sure how to >>>> do this. >>>> >>>> I've tried a couple of things so far but haven't been able to get it to >>>> work. Is it possible to change the view of scatter charts so that I can >>>> call draw.(data)? >>>> I'd also like to keep two separate chart options since the scales are >>>> axis are different. >>>> >>>> Here is the code: http://jsfiddle.net/isasquatch/9MDws/15/ >>>> I've commented out some things that I've tried. >>>> >>>> On Tuesday, August 13, 2013 10:12:58 AM UTC-7, asgallant wrote: >>>>> >>>>> You can set the "tooltip.trigger" option to "none" instead of >>>>> disabling interactivity: >>>>> >>>>> tooltip: { >>>>> trigger: 'none' >>>>> } >>>>> >>>>> See http://jsfiddle.net/asgallant/9MDws/9/ >>>>> >>>>> On Tuesday, August 13, 2013 12:49:40 PM UTC-4, Sean Michael wrote: >>>>>> >>>>>> Thanks asgallant for your help! >>>>>> >>>>>> Is it possible to keep highlighting the points and just turn off the >>>>>> text bubbles? Setting enableInteractivity = false turns everything off. >>>>>> >>>>>> Cheers, >>>>>> -Sean >>>>>> >>>>>> On Monday, August 12, 2013 8:16:54 PM UTC-7, asgallant wrote: >>>>>>> >>>>>>> You can turn off the tooltips by setting the "enableInteractivity" >>>>>>> option to false (like you had on your second chart). >>>>>>> >>>>>>> Selecting a point twice bombs the page because when you click a >>>>>>> point twice, you are actually selecting it with the first click and >>>>>>> deselecting it with the second, so there are no selected elements. >>>>>>> When >>>>>>> you try to access the first element of an empty array, like here: >>>>>>> >>>>>>> var imgNum = data.getFormattedValue(selection[0].row, 0); >>>>>>> >>>>>>> it bombs the script. Doing a simple test on the length of the >>>>>>> selection avoids the problem; see >>>>>>> http://jsfiddle.net/asgallant/9MDws/6/ >>>>>>> >>>>>>> On Monday, August 12, 2013 8:42:55 PM UTC-4, Sean Michael wrote: >>>>>>>> >>>>>>>> Hi, >>>>>>>> >>>>>>>> I am trying to update images by selecting points from a scatter >>>>>>>> plot. I'd like this to happen on the same page so I don't have to >>>>>>>> constantly refresh the page or switch tabs. I've gotten it to work >>>>>>>> with >>>>>>>> <canvas> and .drawImage() but it doesn't seem like the best solution. >>>>>>>> The >>>>>>>> images do not redraw consistently and I'm having to click between >>>>>>>> multiple >>>>>>>> points before it updates the image. I'm fairly new to javascript so >>>>>>>> was >>>>>>>> wondering if there were better solutions / other ways for implementing >>>>>>>> this. >>>>>>>> >>>>>>>> Since I only use the scatter plots for point section, I would also >>>>>>>> like to turn off the bubble text. It gets activated on mouseover and >>>>>>>> usually gets in the way of clicking on points. Is it possible to turn >>>>>>>> this >>>>>>>> feature off? >>>>>>>> >>>>>>>> Also, if I click on a point twice, the page bombs and have to >>>>>>>> refresh. Is there a way to fix this too? >>>>>>>> >>>>>>>> Here is the code that I'm using: >>>>>>>> http://jsfiddle.net/isasquatch/9MDws/5/ >>>>>>>> >>>>>>>> The images are stored locally so I'm using fillRect to draw a dummy >>>>>>>> image. Circles get plotted on top which show the xy position of >>>>>>>> features in >>>>>>>> the image. >>>>>>>> >>>>>>>> Thanks! >>>>>>>> -Sean >>>>>>>> >>>>>>> -- 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 post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/groups/opt_out.
