Highcharts adapter and plugin for ExtJS

[karthik085]

Hi,
Thank you for posting the workaround. I did try the same - however, it is causing another problem.
It complains of the following in Ext.ux.HighChart.js:

Message: Object doesn't support this property or method
Line: 396
Char: 25
Code: 0

BTW, if it is working for you, would you be kind enough to post the entire Ext.ux.HighChart.js so I can try with your version.

NOTE: I am using the following Ext.us.HighCharts.js which begins like this:
/**
* @author Daniel Kloosterman
* @email buz.i286@gmail.com
* @version 0.3.0
* @examples {@link http://www.i286.org/examples/}
* @requires HighChart 1.2.5+, HighCharts-ExtJS-adapter
*
* Todo:
* setSerieStyle, setStyle, Multiple datastores (0.4.0)
*
* 28-04-2010
* ! New version 0.3.0
* + Added class: Ext.ux.HighChart.Serie, Ext.ux.HighChart.LineSerie, Ext.ux.HighChart.PieSerie, etc...
*



Thanks,
K

[buz]

Hm, somehow i didnt update the version numbers. 0.3.1. should fix this problem

Please download the latest version.

[karthik085]

Hi buz,
Thanks for the fast reply - that worked for the second error. Can you update your code with the fix for the first error as well?

Hm, somehow i didnt update the version numbers. 0.3.1. should fix this problem

Please download the latest version.

Thanks,
K

[karthik085]

Hi,
With legends, it is possible to turn off one entire series, by clicking on one of the items in the legend.
Is there a way to do that for X-values, i.e.
Say X-Values are [0, 1, 2, 3, 4]
and are plotted in the chart.

Now, there is a selection box or legend, that allows you to select what x-values are to be displayed.
Is that possible with HighCharts? If so, kindly explain the solution
If not, what workarounds or code additions can be done - any suggestions are appreciated.

Thanks,
K

[buz]

Hi buz,
Thanks for the fast reply - that worked for the second error. Can you update your code with the fix for the first error as well?



Thanks,
K

Whats the first error? Can you show me the log?

Hi,
With legends, it is possible to turn off one entire series, by clicking on one of the items in the legend.
Is there a way to do that for X-values, i.e.
Say X-Values are [0, 1, 2, 3, 4]
and are plotted in the chart.

Now, there is a selection box or legend, that allows you to select what x-values are to be displayed.
Is that possible with HighCharts? If so, kindly explain the solution
If not, what workarounds or code additions can be done - any suggestions are appreciated.

Thanks,
K

Do you have a sample where the x values are shown? (Maybe from www.highcharts.com )

[karthik085]

First error happens only in IE and hence, the chart does not get displayed
Message: 'serieCls' is null or not an object
Line: 86
Char: 13
Code: 0
URI: http://********/js/Ext.ux.HighChart.js


For the x-values question, any highcharts demo would do. Take for example, the first one (Basic Line):
http://highcharts.com/demo/?example=...&theme=default

X-values are 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
Say, I have a list where each item is the x-value and a checkbox associated with it like
CHECKBOX Jan
CHECKBOX Feb

If I click on Jan and not on feb, the Y-values associated with Jan are only shown and with Feb gets hidden.

Whats the first error? Can you show me the log?


Do you have a sample where the x values are shown? (Maybe from www.highcharts.com )

[buz]

First error happens only in IE and hence, the chart does not get displayed
Message: 'serieCls' is null or not an object
Line: 86
Char: 13
Code: 0
URI: http://********/js/Ext.ux.HighChart.js

if you change line #86 to

            if (serie.serieCls==null){

will that help?

For the x-values question, any highcharts demo would do. Take for example, the first one (Basic Line):
http://highcharts.com/demo/?example=...&theme=default

X-values are 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
Say, I have a list where each item is the x-value and a checkbox associated with it like
CHECKBOX Jan
CHECKBOX Feb

If I click on Jan and not on feb, the Y-values associated with Jan are only shown and with Feb gets hidden.

You can create a Ext.data.Store with the fields
['serie1','serie2','serie3','xField', 'filter']

And then filter out the selected rows using store.filterBy(function(item){ if (item.data['filter']==true) return false; return true })

[karthik085]

if you change line #86 to

            if (serie.serieCls==null){

will that help?

No - it is not able to associate serie with Ext.ux.HighChart.Serie, i.e. none of the variables and methods in Ext.ux.HighChart.Serie seems to be recognized by serie.

You can create a Ext.data.Store with the fields
['serie1','serie2','serie3','xField', 'filter']

And then filter out the selected rows using store.filterBy(function(item){ if (item.data['filter']==true) return false; return true })

Thank you for the suggestion - that worked!

[buz]

I can't reproduce the error. (Tested both in IE8 & 6). Can you show me the code somehow?

buz

[karthik085]

buz,
I think I found the problem. If series which is an array of objects, such as

series: [                      
                      {
                           name: 'total',
                           id: 'total',
                           dataIndex: 'total'
                      },
]

the last comma adds one more element to the series.
For the above, in addSeries, series.length becomes 2, where else it should be 1.

Is this a common bug in JavaScript that causes the program to not work (OR) is it HighCharts plugin or HighCharts causing this problem?

I can't reproduce the error. (Tested both in IE8 & 6). Can you show me the code somehow?

buz