jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 23 total)

1 2 →

Author

Posts
April 28, 2014 at 6:14 am in reply to: Set width of calendar object for Filtertype : " date" in filter row Set width of calendar object for Filtertype : " date" in filter row #53634

Snehal
Participant

Thank you Peter.

Regards,
Snehal

April 28, 2014 at 6:02 am in reply to: Set width of calendar object for Filtertype : " date" in filter row Set width of calendar object for Filtertype : " date" in filter row #53631

Snehal
Participant

Hi Peter,
Thank You,

I used createfilterwidget callback function.

createfilterwidget: function (column, columnElement, widget) {
widget.jqxDateTimeInput({width: 150});
}
It is changing the width of text box, but i want to change width of calendar object which gets open on click of calendar button/icon.

Regards,
Snehal

February 3, 2014 at 8:14 am in reply to: Apply default filter on row type Filter Apply default filter on row type Filter #48832

Snehal
Participant

Hi,

For example : i have a Column named “Type” contains only “A” and “B” values.
Filter type “checkedlist” is used in filter row.

when grid is initialized, I want to show filtered grid with type “A” only , and on click of remove filter button it will show all rows with both types.

January 20, 2014 at 4:11 am in reply to: Change default placeholder text in filter Change default placeholder text in filter #48066

Snehal
Participant

Thanks Mariya.

January 17, 2014 at 4:38 am in reply to: Change default placeholder text in filter Change default placeholder text in filter #47977

Snehal
Participant

Hi Mariya,

Thank you, i have seen this example, but i am not getting exactly what to use for changing “Select Filter” placeholder of “checkedlist” filter type.
can you please help me?

Thanks & Regards,
Snehal

December 30, 2013 at 10:15 am in reply to: Pie chart legends Pie chart legends #47068

Snehal
Participant

OK Peter, Thank you.

Regards,
Snehal

December 30, 2013 at 9:51 am in reply to: Pie chart legends Pie chart legends #47064

Snehal
Participant

Please check this sample code.

<!DOCTYPE html>
<html lang=”en”>
<head>
<title id=’Description’>jqxChart Bar Series Example</title>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxchart.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
// prepare chart data
var sampleData = [
{ Country: ‘China’, Population: 1347350000, Percent: 19.18},
{ Country: ‘India’, Population: 1210193422, Percent: 17.22},
{ Country: ‘USA’, Population: 313912000, Percent: 4.47},
{ Country: ‘Indonesia’, Population: 237641326, Percent: 3.38},
{ Country: ‘Brazil’, Population: 192376496, Percent: 2.74}];
// prepare jqxChart settings
var settings = {
title: “Top 5 most populated countries”,
description: “Statistics for 2011″,
showLegend: true,
enableAnimations: true,
padding: { left: 20, top: 5, right: 20, bottom: 5 },
titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
source: sampleData,
categoryAxis:
{
dataField: ‘Country’,
showGridLines: true,
flip: false
},
colorScheme: ‘scheme01’,
seriesGroups:
[
{
type: ‘pie’,
valueAxis:
{
displayValueAxis: true,
description: ”,
formatFunction: function (value) {
return parseInt(value / 1000000);
}
},
series: [
{ dataField: ‘Population’,
displayText: ‘Country’,
toolTipFormatFunction: function(value){
return “Country : “+value;
}
}
]
}
]
};
// setup the chart
$(‘#jqxChart’).jqxChart(settings);
});
</script>
</head>
<body class=’default’>
<div id=’jqxChart’ style=”width:680px; height:400px; position: relative; left: 0px; top: 0px;”>
</div>
</body>
</html>

December 30, 2013 at 6:03 am in reply to: Pie chart legends Pie chart legends #47061

Snehal
Participant

Hi,

Please help me with this, it is affecting all pie charts legends.

Thanks & Regards,
Snehal.

November 1, 2013 at 4:06 am in reply to: Grid ‘endcelledit’ Grid ‘endcelledit’ #31730

Snehal
Participant

Hi Dimitar,

Thank you… ,

I tried this example, but the data that i change is not setting back the old data.

e.g Edit product cell value “Green Tea” with “Black Tea” , and now if don’t want this edited value then click on cancel button to set it’s

old value ,

and see it cancels the editing but not setting “Green Tea” value back into that cell, even if i cancels the changes.

Thanks & Regards,
Snehal

October 3, 2013 at 3:56 am in reply to: Show bar on grid line Show bar on grid line #30099

Snehal
Participant

Hi Dimitar,

I have already asked question for this in forum, that line chart starts on value axis. I want to set its values on ticks but, don’t want its starts point on value axis..what needs to do for that, any solution ?

http://www.jqwidgets.com/community/topic/line-chart-starts-on-value-axis/

Please , provide any solution for this.

Thanks & Regards,
Snehal

October 1, 2013 at 11:48 am in reply to: Show bar on grid line Show bar on grid line #29970

Snehal
Participant

Hi Dimitar,

I have used valuesOnTicks property for chart type “line” also, but there is also the same issue, that line’s first point starts on value axis.. which is exactly the same thing that is happening with bar chart.

Regards,

Snehal

October 1, 2013 at 7:14 am in reply to: Show bar on grid line Show bar on grid line #29920
Snehal
Participant
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
    <title id='Description'>jqxChart Stacked Column Series Example</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxchart.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            // prepare chart data as an array
            var sampleData = [
                    { Day: 'Monday', Running: 30, Swimming: 0, Cycling: 25 },
                    { Day: 'Tuesday', Running: 25, Swimming: 25, Cycling: 0 },
                    { Day: 'Wednesday', Running: 30, Swimming: 0, Cycling: 25 },
                    { Day: 'Thursday', Running: 35, Swimming: 25, Cycling: 45 },
                    { Day: 'Friday', Running: 0, Swimming: 20, Cycling: 25 },
                    { Day: 'Saturday', Running: 30, Swimming: 0, Cycling: 30 },
                    { Day: 'Sunday', Running: 60, Swimming: 45, Cycling: 0 }
                ];
            // prepare jqxChart settings
            var settings = {
                title: "Fitness & exercise weekly scorecard",
                description: "Time spent in vigorous exercise by activity",
                enableAnimations: true,
                showLegend: true,
                padding: { left: 5, top: 5, right: 5, bottom: 5 },
                titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
                source: sampleData,
                categoryAxis:
                    {
                        text: 'Category Axis',
                        textRotationAngle: 0,
                        dataField: 'Day',
                        showTickMarks: true,
                        tickMarksInterval: 1,
                        tickMarksColor: '#888888',
                        unitInterval: 1,
                        showGridLines: true,
                        valuesOnTicks: true,
                        showTickMarks :true,
                        gridLinesInterval: 1,
                        gridLinesColor: '#888888',
                        axisSize: 'auto'
                    },
                colorScheme: 'scheme06',
                seriesGroups:
                    [
                        {
                            type: 'stackedcolumn',
                            columnsGapPercent: 100,
                            seriesGapPercent: 5,
                            valueAxis:
                            {
                                unitInterval: 10,
                                minValue: 0,
                                maxValue: 100,
                                displayValueAxis: true,
                                description: 'Time in minutes',
                                axisSize: 'auto',
                                tickMarksColor: '#888888'
                            },
                            series: [
                                    { dataField: 'Running', displayText: 'Running' },
                                    { dataField: 'Swimming', displayText: 'Swimming' },
                                    { dataField: 'Cycling', displayText: 'Cycling' }
                                ]
                        }
                    ]
            };
            // setup the chart
            $('#jqxChart').jqxChart(settings);
        });
    </script>
</head>
<body class='default'>
    <div id='jqxChart' style="width:680px; height:400px;"/>
</body>
</html>
```
September 19, 2013 at 11:08 am in reply to: Grid display Grid display #29226

Snehal
Participant

Hi Peter,

Thanks, actually CSS file were missed to update..
Now its working..

Regards,

Snehal

September 13, 2013 at 4:56 am in reply to: Line Chart starts on value axis Line Chart starts on value axis #28910

Snehal
Participant

Thank you Peter.

September 6, 2013 at 4:48 am in reply to: Line Chart starts on value axis Line Chart starts on value axis #28417

Snehal
Participant

Hi Dimitar,

I have specified minValue property for ” line” Chart, but it is giving exception

“uncaught exception: Invalid min/max category values”., and not displaying the chart.

Thanks & Regards,
Snehal
Author

Posts

Viewing 15 posts - 1 through 15 (of 23 total)

1 2 →