javascript - jQchart 多条信息与图的标题

Question

我正在使用 jQchart 来显示图表。但是，title 属性似乎只显示一行文本。目前，图表显示以下标题：

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

但是，我基本上需要在不同的行上显示每个变量（希望使用换行符来分隔每条信息）。我尝试使用 "" 但它显示字符串文字。

有什么方法可以在图表标题下用不同的字体等显示每个变量？

Answer 1

如果您正在寻找系列标题自定义，可以使用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