Problem in showing tooltip

Suite and Optimus Suite 5
#1

Hello,
I am trying to generate line and area chart and for that i am using dhtmlxchart_debug.js.
Its shows both chart well but problems in showing tooltips on that.

when i am trying to show tooltip on line or area it gives me error like,
this._series[this._active_serie] is undefined
[Break On This Error] var tip = this._series[this._active_serie].tooltip;

line chart generate code behind for every record like

So because of the “undefined” it gives error like above.
Is there any solution for this issue??

I am attaching code file for reference.

Thanks,
Kunal

#2

It seems that the sample code was missed, can you re-post it ?

#3

Oh Sorry File extension not supported so i write down code here.

Automatic vertical scale Custom vertical scale
#4

Please try to use the attached js files instead of the original one
dhtmlxchart.zip (41.2 KB)

#5

Hello,
Its working by your solution but i want to know one thing should i use “…/…/codebase/dhtmlxchart_debug.js” instead of “…/…/codebase/dhtmlxchart.js”??

If yes than its not working for tooltips in area and line chart.

Thanks for solution.

#6

Updated dhtmlxchart and dhtmlxchart_debug are attached, for production usage of dhtmlxchart.js (not debug) is strongly recommended.
dhtmlxchart.zip (64.5 KB)

#7

Hello,
Your attached file solve tooltip problem of mine but it gives error in showing horizontal stackedbar chart.
Error is =
“Operation is not supported
[Break On This Error] f == “light” ? (k = h == “x” ?..8e8”), k.addColorStop(1, “#9d9d9d”)); "
in firefox.

My code is here,
var data=[{ c_id:“a”, closed:“42000”, progress:“5462”}, { c_id:“b”, progress:“151200”}, { c_id:“c”, closed:“55000”}, { c_id:“d”, progress:“10”, newone:“20”}, { c_id:“e”, newone:“75000”}, { c_id:“f”, progress:“45000”}, { c_id:“g”, closed:“25000”, progress:“2500”}];

var g_list = [{ group:“closed”, text:“Closed”, color:"#66cc33"}, { group:“progress”, text:“Progress”, color:"#ff9933"}, { group:“newone”, text:“New”, color:"#ffff66"}];
var stack_chart = new dhtmlXChart({
view: “stackedBarH”,
container: self.element_id+"-"+self.chart+“chart”,
value:"#"+g_list[0].group+"#",
gradient: “3d”,
border: false,
width: 1024,
radius: 0,
color: g_list[0].color,
origin:0,
xAxis: {
lines:true,
title:“Total Value”
},
yAxis: {
title:“name”,
template:function(obj){
return obj[‘c_id’];
}
},
padding: {
left: 75
},
legend: {
values: g_list,
align:“left”,
valign:“top”,
layout: “x”,
marker: {
type:“round”,
width:12
}
}
});
for (var k = 1; k<g_list.length;k++){
var col = g_list[k];
stack_chart.addSeries({
value: “#”+col.group+"#",
color: col.color,
});
}
stack_chart.parse(data, “json”);

In original dhtmlxchart.js it was working.
Is there any solution for this??

Thanks,
Kunal