[VladimirParticipant]

Hello SJLee,

What do you mean by maximum value symbol? jqxChart doesn’t have a ‘maximum Symbol’ feature.
Please be more specific with your question, also provide information regarding what type of chart you are using, what you are trying to achieve, how are you trying to achieve it, what happens when you try it and what you are expecting to happen.

Ideally provide a jseditor/jsfiddle example demonstrating the issue so we can help you efficiently.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Mr.Moo

You can fix this by adding some css for the theme you are using. In your case this should do:

.jqx-fill-state-disabled-black {
    background: #a4a4a4;
    background: -moz-linear-gradient(top, #a4a4a4 0%, #757575 4%, #4f4f4f 37%, #464646 48%, #000000 52%, #000000 56%, #0c0c0c 67%, #1e1e1e 78%, #414141 96%, #666666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a4), color-stop(4%,#757575), color-stop(37%,#4f4f4f), color-stop(48%,#464646), color-stop(52%,#000000), color-stop(56%,#000000), color-stop(67%,#0c0c0c), color-stop(78%,#1e1e1e), color-stop(96%,#414141), color-stop(100%,#666666));
    background: -webkit-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
}

Add it to the appropriate theme file, or at least somewhere after loading the theme.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Karen,

Can you please create a jsfiddle/jseditor to demonstrate the issue so we can analyze it?

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Karen,

Isn’t this the same questions as this one?
If not could you be a bit more specific?

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Rasul Gani Sheikh,

If you would like to achieve such behavior you can analyze your data before displaying it, and set the following fields when appropriate the way you like them to be. For this current example:

   minValue: 999,
   maxValue: 1001,

Here I have updated your fiddle on how you can achieve this.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Rasul Gani Sheikh,

The widget is working as designed.
What would you expect the value to be? There is no number that can be logically set that would make sense, and a flat line graphic will be flat no matter what the values are.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello brogen,

It seems that the change event fires for the initial setup of the date.
What you can do is add the calendar change event handler inside the open procedure, and remove it in the close to prevent duplicate handlers.
Here is how it will look like:

           $("#jqxwindow").jqxWindow({
                height: 260,
                width: 230,
                autoOpen: false
            });
            $("#button_open").click(function () {
                $("#jqxwindow").jqxWindow('open');
                $('#jqxCalendar').on('change',  function (event) {	
                    var date = $('#jqxCalendar').val();
                    var url = ("0" + date.getDate()).slice(-2) + '-' + ("0" + (date.getMonth()+1)).slice(-2) + '-' + date.getFullYear() + '.html';
                    // reload chart with generated url here
                    window.location = url;
                });
            });
            $("#button_close").click(function () {
                $('#jqxCalendar').off('change')
                $("#jqxwindow").jqxWindow('close');
            });
        // create jqxcalendar.
        $('#jqxCalendar').jqxCalendar({width: 220, height: 220});

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello brogen,

When do you want it to open?
If it is on window close, or on some button you should assign the window.location call to the appropriate action.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Francisco,

I think you should take a look at this demo. It displays exactly how to do what you want to do.

Also note that the cellsFormat property has capital F.
Also note that months should be with capital MM in the formatting, mm is minutes.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com.

[VladimirParticipant]

Hello amenting,

Please check this demo and also look around the demos on our web page, I think they might be useful to you

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com.

[VladimirParticipant]

Hello Harsh,

No it is not possible. The widget fires only ‘uploadStart’ and ‘uploadEnd’ events.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello brogen,

You also need to decide on the name of the widget div.
You are creating a Calendar at the div with id=’jqxWidget’ and then trying to set on change event on a widget with id=’jqxCalendar’, which also does not exist in your new code, so either change the code to:

               // create jqxcalendar.
                $("#jqxWidget").jqxCalendar({width: 220, height: 220});
                $('#jqxWidget').on('change', function (event) {
                var date = $('#jqxWidget').val();
                var url = ("0" + date.getDate()).slice(-2) + '-' + ("0" + (date.getMonth()+1)).slice(-2) + '-' + date.getFull
Year() + '.html';
                // reload chart with generated url here
                        window.location = url;
                                                                                                                             
});

or rename the <div id='jqxWidget'> to <div id='jqxCalendar'> and change the code to:

               // create jqxcalendar.
                $("#jqxCalendar").jqxCalendar({width: 220, height: 220});
                $('#jqxCalendar').on('change', function (event) {
                var date = $('#jqxCalendar').val();
                var url = ("0" + date.getDate()).slice(-2) + '-' + ("0" + (date.getMonth()+1)).slice(-2) + '-' + date.getFull
Year() + '.html';
                // reload chart with generated url here
                        window.location = url;
                                                                                                                             
});

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Craig,

Checkout this demo it displays exactly what you want to achieve.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Neha,

Such filtering is possible but needs to be custom made.
Here is a demo on how it can be achieved.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Neha,

Please take a look at this demo:
It has a checkedlist filtertype for the Product column, and as you can see it is working as described in your example.
Note that actual filtering is applied after you close the checked filter list.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts