Question

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

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

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

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

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

jQchart带有图表标题的多个信息

1 个答案: