jQWidgets Forums
jQuery UI Widgets › Forums › Chart › Property lineDashStyle for series
Tagged: jqxchart lineDashStyle
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
-
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?
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);
Hi jqWizard,
You can use “dashStyle”.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comGreat! It is working but this property is not mentioned in the documentation.
-
AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.