[Sanjoy]

Are you looking for fontColor, fontStyle, fontSize, fontFamily, fontWeight of toolTip? If not any pictorial representation depicting your requirement will help us to understand your requirement better.

[Sanjoy]

Sorry,

As of now chart animates only for the initial render. Here is an workaround to achieve the same.

[Sanjoy]

Hi,

Can you please provide a sample JSON to help you out.

[Sanjoy]

Jelch,

Here y values are string. So, by parsing newly assigned y values to number will render the updated chart. Change the click handler function as below-

$("#AddDate").click(function () {
        dataPointsK.push({ x:TrainingNr ,y: Number(document.getElementById("deadlift").value)});
        dataPointsB.push({ x: TrainingNr,y: Number(document.getElementById("benchpress").value)});
        TrainingNr = TrainingNr +1 
	chart.render();

	});

[Sanjoy]

Hi,

ToolTip is a HTML DOM element. So, you can apply CSS style on canvasjs-chart-tooltip class to change it’s appearance. Here is an similar example to change toolTip’s apperance.

For changing stripLine’s font-size use labelFontSize property of stipLine.

[Sanjoy]

If you are not looking for Scatter Chart or Null dataPoint. If not, sharing a pictorial representation will help us understand your requirement better.

[Sanjoy]

Sorry,

Finding intersection point between spline curve and horizontal line is not possible.

[Sanjoy]

Are you looking for stripLines with value as user given x value. If you are looking for something else, any image depicting your requirement will help us to understand better.

[Sanjoy]

Here are two workarounds which you might be looking for and these can be implemented without modifying the source code-
example 1
example 2

If you are looking for something else, could you please explain it a bit in detail. Also, please provide a pictorial representation so that it will help us to understand your requirement properly.

[Sanjoy]

@shahid-majeed,

You are passing both x and y values in string value and CanvasJS expects x value to be dateTime or numeric and y value to be numeric. So, converting x value to a valid javascript DateTime format (or you can try with label instead of x) and y value to a number will render the chart properly.

Here is a similar example to render the chart with csv data.

—–
Sanjoy Debnath
Team CanvasJS

[Sanjoy]

Shahid,

You are creating array of array while assigning [cpu0] to dataPoints. Passing cpu0 directly to dataPoints should work fine in your case as shown below in code snippet.

{ type: "Line",
     dataPoints: cpu0
},

If you are still facing problem, you can try to debug it by consoling cpu0.

—-
Sanjoy Debnath
Team CanvasJS

[Sanjoy]

Swakss,

With couple of lines of code you can export chart to pdf using jsPDF. Here is an example.

Please note that you can get the chart only after rendering.

[Sanjoy]

Sorry echhabra,

As of now Axis doesn’t support tabular format. But please check once labelFormatter if you can come-up with any alternative workarounds like this example.

[Sanjoy]

Thanks for shearing your user experience. We will discuss on your point for future versions.
As of now you can implement double click event using setTimeout function. Please check this example.

[Sanjoy]

Sorry, as of now this feature is not available. For aligning individual legends you can use itemWidth. Here is an example.