Results 1 to 7 of 7

Thread: Cartesian Chart limits issues with Firefox

    You found a bug! We've classified it as EXTJS-21133 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1

    Default Cartesian Chart limits issues with Firefox

    In Firefox chart limits " cartesian " are not displayed correctly . They always appear on the left side . This happens using a "time axis" in the posision "bottom" . This does not happen with other browsers. The version of extjs is 5.0 .1
    bad.pngbad displayed

    good.pngCorrect

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Thanks for the report. Can you please post a test case which reproduces this issue?

  3. #3

    Default

    here is an example.

    Ext.create('Ext.Container', {
    renderTo: Ext.getBody(),
    width: 600,
    height: 400,
    layout: 'fit',
    items: {
    xtype: 'cartesian',
    store: {
    fields: ['date', 'data1', 'data2', 'data3', 'data4', 'data5'],
    data: [{
    'date': '05-01-2016',
    'data1': 10,
    'data2': 12,
    'data3': 14,
    'data4': 8,
    'data5': 13
    }, {
    'date': '05-03-2016',
    'data1': 7,
    'data2': 8,
    'data3': 16,
    'data4': 10,
    'data5': 3
    }, {
    'date': '05-05-2016',
    'data1': 5,
    'data2': 2,
    'data3': 14,
    'data4': 12,
    'data5': 7
    }, {
    'date': '05-07-2016',
    'data1': 2,
    'data2': 14,
    'data3': 6,
    'data4': 1,
    'data5': 23
    }, {
    'date': '05-09-2016',
    'data1': 27,
    'data2': 38,
    'data3': 36,
    'data4': 13,
    'data5': 33
    }]
    },
    axes: [{
    type: 'numeric',
    position: 'left',
    fields: ['data1', 'data2'],
    title: {
    text: 'Sample Values',
    fontSize: 15
    },
    grid: true,
    minimum: 0
    }, {
    type: 'time',
    position: 'bottom',
    fields: ['date'],
    title: {
    text: 'Date',
    fontSize: 15
    },
    limits: [{
    value: '04-01-2016',
    line: {
    strokeStyle: '#666',
    lineDash: [6, 3],
    title: {
    text: 'Texto muy largo del Hito',
    fontSize: 14
    },
    }
    }, {
    value: '04-05-2016',
    line: {
    strokeStyle: 'red',
    lineDash: [6, 3],
    title: {
    text: 'Texto del Hito',
    fontSize: 14
    }
    }
    }],

    }],
    series: [{
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    style: {
    stroke: 'rgb(143,203,203)'
    },
    xField: 'date',
    yField: 'data1',
    marker: {
    type: 'path',
    path: ['M', - 2, 0, 0, 2, 2, 0, 0, - 2, 'Z'],
    stroke: 'blue',
    lineWidth: 0
    }
    }, {
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    fill: true,
    xField: 'date',
    yField: 'data2',
    marker: {
    type: 'circle',
    radius: 4,
    lineWidth: 0
    }
    }]
    }
    });

  4. #4

    Default

    https://fiddle.sencha.com/#fiddle/1a2d Sorry , I am newbie using the "fiddle " . In the example the series are incorrectly displayed (I dont know why) , but anyway issues in showing limits is displayed

  5. #5
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Thanks, but so far I've been unable to recreate the issue with either test case. No errors, just not rendering.

  6. #6

    Default

    Ok , let's move to the next level . I have conditioned the chart to make a correct rendering and ... surprise! the problem eventually comes to light
    https://fiddle.sencha.com/#fiddle/1a2d
    I tried it on other browsers and ' fiddle ' is displayed without problems.
    Only it happens in Firefox
    fiddle.fw.jpg




  7. #7
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    I see it now, thanks for the follow-up. I have opened a bug in our bug tracker.

Similar Threads

  1. Replies: 2
    Last Post: 9 Sep 2015, 11:38 PM
  2. [DUP] Tooltip Bug for Cartesian Chart
    By jearlu in forum Ext 5: Bugs
    Replies: 1
    Last Post: 3 Nov 2014, 2:04 PM
  3. Replies: 0
    Last Post: 29 Jul 2014, 11:40 AM
  4. ST 2.2: several issues with Cartesian/CandleStickChart
    By Dierk in forum Sencha Touch 2.x: Q&A
    Replies: 0
    Last Post: 20 May 2013, 1:04 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •