tooltipFormat 不适用于 anychart.line()
tooltipFormat doesn't work for anychart.line()
我猜我发现了一个有趣的错误...
如果我创建了一个折线图并想用一种格式更改工具提示标题,这是行不通的。
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
这不是意外行为或错误。问题是折线图默认为工具提示提供联合显示模式。在这种情况下,工具提示 body 与系列相关,但图表的标题对于所有系列来说都是通用的。
因此,为了实现您的目标,您应该将 displayMode 切换为 'separated' 或 'single'。
请检查下面的示例以了解详细信息
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>
我猜我发现了一个有趣的错误...
如果我创建了一个折线图并想用一种格式更改工具提示标题,这是行不通的。
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
这不是意外行为或错误。问题是折线图默认为工具提示提供联合显示模式。在这种情况下,工具提示 body 与系列相关,但图表的标题对于所有系列来说都是通用的。 因此,为了实现您的目标,您应该将 displayMode 切换为 'separated' 或 'single'。 请检查下面的示例以了解详细信息
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>