jQWidgets Forums

jQuery UI Widgets Forums Chart overlapping of x-axis values

This topic contains 4 replies, has 2 voices, and was last updated by  adroit18 8 years, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • overlapping of x-axis values #89103

    adroit18
    Participant

    problem comes with overlapping of timestamp values that are being shown in x-axis. Chart works absolutely fine but after 10 minutes or when I run multiple tabs the issue occurs(according what i observed). the issue is sometimes replicated immediately in firefox.

    when x-axis error occurs

    when error does not occur

    can you tell me this the possible reasons for this error

    overlapping of x-axis values #89127

    ivailo
    Participant

    Hi adroit18,

    Please, send a working jsfiddle/jsEditor example with your code for a representation of the problem.

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com

    overlapping of x-axis values #89214

    adroit18
    Participant

    i have fixed the issue using unitinterval… but in this case can you tell me how to reduce the space between last interval point
    and the chart end kindly if you can tell me

    code image

    overlapping of x-axis values #89215

    adroit18
    Participant

    the code being

    var settings = {
    showToolTips:true,
    source: completeChartDataObject[channelId],
    title: ” “,
    description: ” “,
    xAxis: {
    dataField: ‘timestamp’,
    type: ‘date’,
    gridLines: {
    visible: false,
    },
    baseUnit: ‘second’,
    tickMarks: {
    visible: true,
    color: ‘#888888’
    },
    valuesOnTicks: true,
    labels: { angle: 0, offset: { x: 0, y: 0} },
    unitInterval: 445, //autorefreshTime
    formatFunction: function (value) {
    var returnVal;
    returnVal = $.jqx.dataFormat.formatdate(value, “HH:mm:ss”);
    return returnVal;
    },
    },
    seriesGroups: [
    {
    type: ‘column’,
    alignEndPointsWithIntervals: true,
    valueAxis: {
    minValue: 0,
    maxValue:yaxisArray[channelId][0],
    title: {
    text: ‘Errors’
    }
    },
    series: [
    {
    dataField: ‘value’,
    gridLines: { visible: false },
    colorFunction: function (value, itemIndex, serie, group) {
    return ((value <= 0) ? ‘#00FF00’ : ‘#FF0000’);
    }
    }
    ]
    }
    ]
    };

    overlapping of x-axis values #89216

    adroit18
    Participant

    als my graph should have started corresponding to 0 of y-axis but it starts after some space chow by red color. kindly solve my problem if possible, thanks in advance

    hell

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.