I need to change tooltip width. I found that one way to do it is the following:
.k-chart-tooltip
{
width:500px !important;
}
However, that will change tooltip sizes for all charts on the page. Ideally i would like to setup tooltip width from code behind.
Just in case i am providing here my tooltip setup.
Thank you
mySeries.TooltipsAppearance.ClientTemplate = "<div style=""font-size:16px;font-weight:900;"">" & dr("LocationName") & "</div><br/>" &
"<table>" &
"<tr><td><b>Value in 2015</b></td><td> " & SharedFunctions.fFormat(dr("BaseYearCurval")) & " ($M)<br/></td></tr>" &
"<tr><td><b>Value in " & TargetYear & "</b></td><td> " & SharedFunctions.fFormat(dr("SelectedYearCurval")) & " ($M)<br/></td></tr>" &
"<tr><td><b>" & IIf(direction = "import", "Imports", "Exports") & " to " & comparisonName & " (" & TargetYear & ")</b></td><td> " & SharedFunctions.fFormat(dr("SelectedYearCountryCurval")) & " ($M)<br/></td></tr>" &
"<tr><td><b>Percent Growth " & IIf(direction = "import", "Imports", "Exports") & " to " & comparisonName & " (2015-" & TargetYear & ")</b> </td><td> " & SharedFunctions.fFormat(dr("portpctgrowthcurval")) & "<br/></td></tr>" &
"<tr><td><b>Percent Ratio Growth in Share of " & IIf(direction = "import", "Imports", "Exports") & " to " & comparisonName & "</b> </td><td> " & SharedFunctions.fFormat(dr("portsharecountrycurval")) & "</td></tr>" &
"</table>"