Javascript jQchart带有图表标题的多个信息
我正在使用jQchart显示一个图形。但是,title属性似乎只显示一行文本。当前,图形显示以下标题:Javascript jQchart带有图表标题的多个信息,javascript,jquery,asp.net,jqchart,Javascript,Jquery,Asp.net,Jqchart,我正在使用jQchart显示一个图形。但是,title属性似乎只显示一行文本。当前,图形显示以下标题: text: chartTypeText + ': ' + chartTitle + ", " + $('#baselineResidentialLocationCity option:selected').text() + ', ' + $("#baselineResidentialLocationState option:selected").val() + ' ' + $('#ba
text: chartTypeText + ': ' + chartTitle + ", " + $('#baselineResidentialLocationCity option:selected').text() + ', ' + $("#baselineResidentialLocationState option:selected").val() + ' ' + $('#baselineResidentialStandardYear option:selected').text() + ' ' + baselinePeriod + ' year'
但是,我基本上需要在不同的行上显示每个变量,希望使用换行符来分隔每条信息。我尝试使用,但它显示字符串文字
是否有任何方法可以使用不同字体等显示图形标题下的每个变量?如果您正在寻找系列标题自定义,可以使用tooltipFormat事件自定义。 [使用一些分隔符或使用;作为分隔符和html、css格式] 在下面的语句中,我将分隔符改为 文本:chartTypeText+':'+chartTitle+;+$'baselineResidentialLocationCity选项:选中“.text+”,“+$baselineResidentialLocationState选项:选中.val+”;“+$”baselineResidentialStandardYear选项:选中“.text+”+baselinePeriod+“year” 请参阅此链接以获取参考:
<script lang="javascript" type="text/javascript">
$(function () {
$('#ChartClientID').bind('tooltipFormat', function (e, data) {
var t=data.series.title.split(";");
//OR here you can dynamically build here it self
return "<b>" + t[0] + "</b><br />"
+ (t[1] || "") + "<br />"
+ (t[2] || "");
});
});
</script>