tooltipFormat不适用于anychart.line()

时间:2018-02-15 12:46:08

标签: javascript tooltip anychart

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

如果我创建了一个lineChart,并希望使用格式更改工具提示标题,则它不起作用。

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

1 个答案:

答案 0 :(得分:0)

这不是意外行为或错误。问题是折线图为工具提示提供了union displayMode作为默认值。在这种情况下,工具提示体系与系列相关,但图表的标题是所有系列的常见事物。 因此,为了实现您的目标,您应该将displayMode切换为“分离”或“单个”。 请查看下面的示例了解详情

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>