[BilllParticipant]

I continued to play around with this and managed to solve my problem. The easiest way was to flip the value axis so the chart and legend both point in the same direction.

Bill

[BilllParticipant]

Would you like me to write a simpler example or is the posted fiddle sufficient?

Thanks,

Bill

[BilllParticipant]

Hi Hristo,

Sorry, there are no other libraries in the example I posted. Everything there is either JQWidgets or code included in the fiddle that I wrote.

Regards,

Bill

[BilllParticipant]

That worked. Thank you Stanislav!

For my case I just returned the following from the legendFormatFunction:

return value;

This fixed it for versions in short format like 1.2 and longer ones like 1.2.3.4

Bill

[BilllParticipant]

Thanks Dimitar. I must be doing something else wrong. Your sample works in JSFiddle but mine doesn’t, yet. A few differences in my code – I’m using 3.8.0 and a single Knockout observable array instead of plain array. I have three source definitions and three data adapters for the three grids. I’ll update to the latest code and see if that helps. Any other suggestions would be appreciated.

This is a slightly sanitized copy of one of them.

    var siteDataSource = {
        localdata: siteVM.siteDataList,
        datatype: "observablearray",
        datafields: [
            { name: 'Path', type: 'string' },
            { name: 'ServerID', type: 'string' },
            { name: 'PercentUsed', type: 'string' },
            { name: 'IsActive', type: 'string' }
        ],
        id: 'ID',
        async: false
    };
    var siteDataSourceAdapter = new $.jqx.dataAdapter(siteDataSource);

    $("#grid").jqxGrid(
        {
            columns: [
                { text: 'Path', datafield: 'Path', width: '30%' },
                { text: 'ServerID', datafield: 'ServerID', width: '20%' },
                { text: 'Percent Used', datafield: 'PercentUsed', width: '30%' },
                { text: 'Active', datafield: 'IsActive', width: '20%' }
            ],
            width: '600px',
            autoheight: true,
            sortable: true,
            filterable: true,
            enabletooltips: true,
            columnsresize: true,
            theme: theme,
            rtl: rtl
        }
    );

    $("#grid").jqxGrid({ source: siteDataSourceAdapter });

[BilllParticipant]

I should mention that if I comment out the filterable options in the third grid it displays and works correctly on the second one.

[Author]

Posts