2014-10-28 67 views
0

我正在使用jQchart来显示图形。但是,title属性似乎只显示一行文本。目前,该图显示以下标题:jQchart图形标题的多个信息

text: chartTypeText + ': ' + chartTitle + ", " + $('#baselineResidentialLocationCity option:selected').text() + ', ' + $("#baselineResidentialLocationState option:selected").val() + ' ' + $('#baselineResidentialStandardYear option:selected').text() + ' ' + baselinePeriod + ' year' 

然而,我基本上需要显示在不同的行的每个变量(希望使用换行符来的每条信息分开)。我尝试使用“”,但它显示字符串文字。

有没有什么办法可以在不同字体等图形标题下显示每个变量?

回答

0

如果您正在寻找系列标题定制,可以使用tooltipFormat事件进行定制。
[使用一些分离器(我用;作为分隔符)和格式与HTML,CSS]

在下面的语句,我改变了分隔符;

text: chartTypeText + ': ' + chartTitle + ";" + $('#baselineResidentialLocationCity option:selected').text() + ', ' + $("#baselineResidentialLocationState option:selected").val() + ';' + $('#baselineResidentialStandardYear option:selected').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> 

看到这个链接参考:http://www.jqchart.com/aspnet/chart/ChartFeatures/Tooltips