Axis X combines label with x value bug

[antosimi]

Hello,
Not sure if is a bug or some property i did not know how to enable. But when i create a linear chart and i use for
dataPoints : {
x : number;
y : number;
label : string;
}
I expect that on axisX only labels should exist, but no. It makes a combination of some labels and some x value numbers thrown in there like this example : https://jsfiddle.net/5Ld648eg/1/

var y = 0;
var data = [];
var dataSeries = { type: "line" };
var dataPoints = [];

dataPoints.push({
    y: 3000,
    label: '2014-05-06 12:02 PM'
   // x: '2014-05-06 12:02 PM'
    
});
dataPoints.push({
		x: 10,
    y: 3100,
    label: '2014-06-06 12:02 PM'
    //x: '2014-06-06 12:02 PM'
});
dataPoints.push({
		x: 14,
    y: 3500,
    label: '2014-07-06 12:02 PM'
    //x: '2014-07-06 12:02 PM'
});
dataPoints.push({
		x: 26,
    y: 4000,
    label: '2014-08-06 12:02 PM'
    //x: '2014-08-06 12:02 PM'
});
dataSeries.dataPoints = dataPoints;
data.push(dataSeries);

//Better to construct options first and then pass it as a parameter
var options = {
    zoomEnabled: true,
    title: {
        text: "Try Zooming - Panning"
    },
    axisX: {
        labelAngle: -60,
    },
    axisY: {
        includeZero: false
    },
    data: data  // random data
};

var chart = new CanvasJS.Chart("chartContainer", options);
chart.render();

[Thangaraj Raman]

@antosimi,

You seem to be passing both x-value and label because of which it shows few numbers in between based on the axis interval. Passing just y-value and label should work fine in your case.

Please take a look at this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[antosimi]

Thank you for the answer, yeah it works only with label and y value. But I want to create a different type of graph.
Usually the multi-series line chart looks like this : https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/multi-series-charts/
(where all the lines have points in front of the same label).

But i want somethink like this :

Like where the points should not be coordinated to the lines, but rather points in lines can alternate. That’s why I can push the points how i want by adding the X value(I really want labels on X axis to be strings, not numbers). If i don;t add x, the canvas js will force the points placement to be perpendicular and in match with the other points.

So do you have any other suggestions? or maybe i should use a new type of graph… Because right now seems like more of a bug, because it can’t interpret x value and label. I think a good behaviour(but is just my opinion), when a user adds x,y and label, x & y -should be for drawing purpose, and label strictly for displaying under the ox line.

[Thangaraj Raman]

@antosimi,

You can set x-value along with y-value and labels sequentially starting from 0. In case a particular dataseries does not have datapoints for each x-value, you can skip them.

Please take a look at this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS