Problem with Range Filter control and data in combo chart

74 views
Skip to first unread message

Muhammad Asad

unread,
May 11, 2016, 5:21:18 AM5/11/16
to Google Visualization API
I have designed a combo chart, stacked and line, chart is designed and displayed properly but I am facing 3 problems

  1. When decreasing range filter chart values will disappear.
  2. In range filter control, stack chart is not populated.
  3. When increasing last values more than 5 in data which is belongs to line chart, complete bar for that data will disappear from Chart. I don't know where and how these values fixed to 5.

Kindly help me in this regard.

Thanks

ObservationWorkFlow_Quality.js
5-Observation.html

Daniel LaLiberte

unread,
May 11, 2016, 10:04:22 AM5/11/16
to Google Visualization API
Hi Muhammad,

Your first problem is due to the width: 85% in the container table's header.  Removing that stops the growing width, though I am not exactly sure why.

The second problem is due to your isStacked option being in the wrong place.  It should be inside the chartOptions.

I don't understand what you are saying fir the third problem.


--
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-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/efd6c65c-add3-4326-8dd2-d891cf0c0f5e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Muhammad Asad

unread,
May 11, 2016, 10:08:07 AM5/11/16
to Google Visualization API
Thank you very much for the reply.

Regarding third problem, data is ;

var data470245002_a =
    [
        ['', '', '', ''],
        ['School 1', 10, 40, 5],
        ['School 2', 12, 42, 5],
        ['School 3', 13, 40, 5],
        ['School 4', 50, 22, 5],
        ['School 5', 16, 35, 5],
        ['School 6', 15, 40, 5]

    ];

When I change the number of last serial from 5 to any value but more than 5 complete bar will disappear.


On Wednesday, May 11, 2016 at 7:04:22 PM UTC+5, Daniel LaLiberte wrote:
Hi Muhammad,

Your first problem is due to the width: 85% in the container table's header.  Removing that stops the growing width, though I am not exactly sure why.

The second problem is due to your isStacked option being in the wrong place.  It should be inside the chartOptions.

I don't understand what you are saying fir the third problem.

On Wed, May 11, 2016 at 5:21 AM, Muhammad Asad <asadm...@gmail.com> wrote:
I have designed a combo chart, stacked and line, chart is designed and displayed properly but I am facing 3 problems

  1. When decreasing range filter chart values will disappear.
  2. In range filter control, stack chart is not populated.
  3. When increasing last values more than 5 in data which is belongs to line chart, complete bar for that data will disappear from Chart. I don't know where and how these values fixed to 5.

Kindly help me in this regard.

Thanks

--
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+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.



--

Muhammad Asad

unread,
May 11, 2016, 10:16:49 AM5/11/16
to Google Visualization API
First is not growing width, try to move the decrease range of filter below you will noticed that chart values above will disappear.
Also please tell me where I place this isStacked because i tried it inside chartOptions but nothing change.

Regards



On Wednesday, May 11, 2016 at 7:04:22 PM UTC+5, Daniel LaLiberte wrote:
Hi Muhammad,

Your first problem is due to the width: 85% in the container table's header.  Removing that stops the growing width, though I am not exactly sure why.

The second problem is due to your isStacked option being in the wrong place.  It should be inside the chartOptions.

I don't understand what you are saying fir the third problem.

On Wed, May 11, 2016 at 5:21 AM, Muhammad Asad <asadm...@gmail.com> wrote:
I have designed a combo chart, stacked and line, chart is designed and displayed properly but I am facing 3 problems

  1. When decreasing range filter chart values will disappear.
  2. In range filter control, stack chart is not populated.
  3. When increasing last values more than 5 in data which is belongs to line chart, complete bar for that data will disappear from Chart. I don't know where and how these values fixed to 5.

Kindly help me in this regard.

Thanks

--
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+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.



--

Daniel LaLiberte

unread,
May 11, 2016, 10:28:43 AM5/11/16
to Google Visualization API
I see.  The ChartRangeFilter filters rows of data based on whichever column you specify.  Since you specified column 3, the slider control of the ChartRangeFilter is actually ranging over the range of values in that column, or whatever you limit the range to.  You have then specified, in your chartRangeFilterInitState that the end value of the range should be 5.  That's what does it.  

More typically, the filterColumnIndex will be 0, so it corresponds to the domain values, but then they need to have continuous domain values rather than discrete.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.



--

--
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-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.

Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/54278e6d-6e68-45ae-9204-076b4ea86a9f%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.



--

Daniel LaLiberte

unread,
May 11, 2016, 10:31:08 AM5/11/16
to Google Visualization API
Part of your ControlWrapper options should look like this:

   options:
{
   filterColumnIndex: this.ViewColumnIndex,
   ui:
{
   chartType: 'ComboChart',
   chartOptions:
{
     isStacked: true, // <<<<<
                                                ...

Muhammad Asad

unread,
May 11, 2016, 10:39:06 AM5/11/16
to Google Visualization API
Thank you very much for your quick response. But I have changed filterColumnIndex to 0 but range filter will doing the same problem. I don't know please advice what is the best option to resolve this issue.

Regards
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.



--

--
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+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.



--

Muhammad Asad

unread,
May 13, 2016, 10:17:37 AM5/13/16
to Google Visualization API
I have change the range filter to zero but nothing change, can you please help me to setup a proper range filter.

Thanks
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.



--

--
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+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.



--

Muhammad Asad

unread,
May 13, 2016, 10:18:19 AM5/13/16
to Google Visualization API
Not really helpful nothing change, have you tried it by yourself ?
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.



--

--
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+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.



--
Reply all
Reply to author
Forward
0 new messages