Print Chart

Suite and Optimus Suite 5
#1

Dear all,

I am having a problem printing a chart placed in a div. Although the chart renders well on the screen, in the print preview mode it seems to overflow the div.

I am attaching two images. The first one is the screen display and the second the print preview.

Any suggestions ?

Chart initialisation :

var barChart1 = new dhtmlXChart({
    							view: "line",
   								container: document.getElementById(item),//"chartDiv",
    							value: "#A_Score#",
    							label: "#A_Score#",
    							//color: "#color#",
    							width: 10,
    							gradient: "rising",
    							radius: 0,
   								tooltip: {
        							template: "#Scale_Code#<br>#A_Score#"
    							},
   								xAxis: {
        							title: "",
        							template: "#Scale_Code#"         							
   								 },
    							yAxis: {        							 
        							title: "A-Score"         							 
    							},   								
    							origin: 0
		 				});
				barChart1.parse(data[item], "json");

S.

1.png882×478 20.5 KB


2.png899×434 39.1 KB

#2

Could you please provide a part of your static chart data to test chart with it?

#3

A sample json ( mentioned as data[item] in my first post] is the following :

{"1":[{"Scale_Code":"UPRD","A_Score":"58","Raw_Score":"8"},{"Scale_Code":"UNCM<br>FRNT","A_Score":"44","Raw_Score":"1"},{"Scale_Code":"UNCM<br>BACK","A_Score":"53","Raw_Score":"3"},{"Scale_Code":"UNCM","A_Score":"55","Raw_Score":"4"},{"Scale_Code":"SPR","A_Score":"98","Raw_Score":"4"},{"Scale_Code":"POS","A_Score":"67","Raw_Score":"15"},{"Scale_Code":"PGDS","A_Score":"64","Raw_Score":"159.15"},{"Scale_Code":"NEG","A_Score":"44","Raw_Score":"0"},{"Scale_Code":"DGAF","A_Score":"48","Raw_Score":"-1.20114"},{"Scale_Code":"DET","A_Score":"71","Raw_Score":"6"}]}

Thank you

#4

We managed to create demo. Everything is correct at our side. But we can’t correct an error on your side because of the print settings of the browser you use. It depends only on the browser settings, and our components only draw data. This issue can arise because of the print settings or your application/page init features.