jQWidgets Forums

jQuery UI Widgets Forums Chart Property lineDashStyle for series

This topic contains 2 replies, has 2 voices, and was last updated by  jqWizard 11 years, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Property lineDashStyle for series #31700

    jqWizard
    Participant

    Hi!

    I have one chart with one serie. This serie represents a straight line. I want it to be a dashed line so I’ve set the property lineDashStyle to value ‘2,2’ but the series is still a full line. What am I doing wrong?

    jsfiddle for the code below

    var dataSource = [{
    'osX' : '2013/08/20 00:00:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:03:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:06:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:09:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:12:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:15:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:18:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:21:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:24:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:27:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:30:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:33:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:36:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:39:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 00:42:00',
    'data' : 10
    },{
    'osX' : '2013/08/20 01:59:00',
    'data' : 10
    }];
    var settings = {
    source : dataSource,
    title : '',
    description : '',
    enableAnimations : false,
    animationDuration : 0,
    showLegend : false,
    padding : {
    left : 5,
    top : 10,
    right : 10,
    bottom : 5
    },
    enableCrosshairs : true,
    crosshairsDashStyle : '2,2',
    crosshairsLineWidth : 1.5,
    crosshairsColor : '#888888',
    toolTipShowDelay : 10,
    columnSeriesOverlap : false,
    categoryAxis : {
    dataField : 'osX',
    type : 'date',
    baseUnit : 'hour',
    showTickMarks : true,
    tickMarksInterval : 3,
    tickMarksColor : '#888888',
    unitInterval : 1,
    showGridLines : true,
    gridLinesInterval : 1,
    gridLinesColor : '#F2F2F2',
    minValue : 0,
    maxValue : 23,
    valuesOnTicks : false
    },
    seriesGroups: [{
    type : 'spline',
    displayText : 'chart',
    valueAxis : {
    displayValueAxis: true,
    description : 'bar',
    unitInterval : 1,
    minValue : 0,
    maxValue : 15,
    tickMarksColor : '#888888',
    gridLinesColor : '#F2F2F2'
    },
    series : [{
    dataField : 'data',
    displayText : 'chart',
    color : '#0000FF',
    lineWidth : 4,
    lineDashStyle: '2,2'
    }]
    }]
    };
    $('#jqxChart').jqxChart(settings);
    Property lineDashStyle for series #31703

    Peter Stoev
    Keymaster

    Hi jqWizard,

    You can use “dashStyle”.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Property lineDashStyle for series #31704

    jqWizard
    Participant

    Great! It is working but this property is not mentioned in the documentation.

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

You must be logged in to reply to this topic.