Property lineDashStyle for series

[jqWizardParticipant]

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);

[Peter StoevKeymaster]

Hi jqWizard,

You can use “dashStyle”.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jqWizardParticipant]

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

[Author]

Posts