Home Forums Report Bugs Spline Area backwards curved lines

Spline Area backwards curved lines

Viewing 5 posts - 1 through 5 (of 5 total)
  • #8103

    Hello,

    Using this input:

    {
    	legend:{
    		fontSize: 13,
    		fontWeight: "normal",
    		fontFamily: "Arial",
    		fontColor: "#FFFFFF"
    	},
    	backgroundColor: "#595271",
    	data: [{
    		type: "splineArea",
    		showInLegend: false,
    		lineThickness: 2,
    		name: "Views",
    		dataPoints: [{
    			x: Date.parse("2015-01-29T16:13:16.000Z"), 
    			y: 5
    		}, {
    			x: Date.parse("2015-01-29T16:37:16.000Z"),
    			y: 1013
    		}, {
    			x: Date.parse("2015-01-29T16:38:00.000Z"),
    			y: 1823
    		}, {
    			x: Date.parse("2015-01-29T16:39:00.000Z"),
    			y: 1823
    		}, {
    			x: Date.parse("2015-01-29T16:40:00.000Z"),
    			y: 1877
    		}, {
    			x: Date.parse("2015-01-29T16:41:00.000Z"),
    			y: 1883
    		}, {
    			x: Date.parse("2015-01-29T16:42:00.000Z"),
    			y: 1894
    		}, {
    			x: Date.parse("2015-01-29T16:43:00.000Z"),
    			y: 1823
    		}, {
    			x: Date.parse("2015-01-29T16:44:00.000Z"),
    			y: 1823
    		}, {
    			x: Date.parse("2015-01-29T16:45:00.000Z"),
    			y: 1881
    		}, {
    			x: Date.parse("2015-01-29T16:46:00.000Z"),
    			y: 2052
    		}, {
    			x: Date.parse("2015-01-29T16:47:00.000Z"),
    			y: 2046
    		}, {
    			x: Date.parse("2015-01-29T16:48:00.000Z"),
    			y: 1972
    		}, {
    			x: Date.parse("2015-01-29T16:49:00.000Z"),
    			y: 2017
    		}, {
    			x: Date.parse("2015-01-29T16:50:00.000Z"),
    			y: 1959
    		}, {
    			x: Date.parse("2015-01-29T16:51:00.000Z"),
    			y: 1547
    		}],
    		color: "rgba(170, 115, 169, 0.7)"
    	}],
    	theme: "theme2",
    	axisX:{
    		gridColor: "#7c729c",
    		tickColor: "#7c729c",
    		labelFontColor: "#FFFFFF",
    		labelFontFamily: "Arial, sans-serif",
    		labelFontSize: 11,
    		labelFontWeight: "normal",
    		tickThickness: 1,
    		valueFormatString: "HH:mm"
    	},
    	axisY:{
    		gridColor: "#7c729c",
    		tickColor: "#7c729c",
    		labelFontColor: "#FFFFFF",
    		labelFontFamily: "Arial, sans-serif",
    		labelFontSize: 11,
    		labelFontWeight: "normal",
    		gridThickness: 1,
    		tickThickness: 1,
    		valueFormatString: null
    	},
    	toolTip:{
    		shared:true
    	}
    }

    the graph (spline area) creates some weird backwards curved lines as shown in the image below:

    Spline Area curved line bug

    • This topic was modified 9 years, 2 months ago by cristipufu.
    #8110

    Hi,

    Thanks for reporting. We’ll have a look into the issue and get back at the earliest.


    Sunil Urs

    #8113

    Thanks!

    Here is another weird looking exemple:

    Weird curves

    #13631

    What was the resolution for this?

    #13636

    @henryng24,

    The issue has been resolved and is working fine.

    Spline Chart - CanvasJS JavaScript Charts


    Vishwas R
    Team CanvasJS

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

You must be logged in to reply to this topic.