javascript - tooltipFormat 不适用于anychart.line()

Question

我猜我发现了一个有趣的错误...

如果我创建折线图并想要更改工具提示标题的格式，则它不起作用。

chart = anychart.line();
var seriesData_1 = dataSet.mapAs({x: [0], value: [1]});
series_1 = chart.line(seriesData_1);

chart.tooltip().titleFormat('{%x}'); //works
chart.tooltip().titleFormat('{%value}');  //does not work

我使用的是 AnyChart 版本:版本:7.14.3.1436

Answer 1

这不是意外行为或错误。问题是折线图默认为工具提示提供联合显示模式。在本例中，工具提示正文与系列相关，但图表的标题是所有系列的常见内容。因此，为了实现您的目标，您应该将显示模式切换为“分隔”或“单一”。请查看下面的示例以了解详细信息

anychart.onDocumentReady(function () {
  
    var dataSet = anychart.data.set([['1', 10],
                    				  ['2',12]]);
  
chart = anychart.line();
  var seriesData_1 = dataSet.mapAs({x: 0, value: 1});
  
	series_1 = chart.line(seriesData_1);
  
  var tooltip = chart.tooltip();
  tooltip.displayMode('single');
  tooltip.titleFormat("value: {%value}");
  
  
    chart.container("container").draw();
});

html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

<link href="https://cdn.anychart.com/css/7.14.3/anychart-ui.min.css" rel="stylesheet"/>
<script src="https://cdn.anychart.com/js/8.1.0/anychart-bundle.min.js"></script>
<div id="container"></div>