我试图绘制出彼此没有任何关系的指标,因此我没有绘制实际值,而是计算了一组备用值,这些值在 0-1 之间缩放,如百分比.
例如:[1, 2, 5] => [0.2, 0.4, 1]
现在我有两组数据 - 原始版本和缩放版本。我已经将缩放版本绘制在图表上,但我希望工具提示向用户显示原始值。明白我的意思吗?
我查看了http://c3js.org/samples/tooltip_format.html ,这表明您可以在最初生成 C3 对象时将工具提示设置为函数。但我想在重新计算原始/缩放值并重新 load()
图表后更改工具提示。
在最初设置 myGraph = C3.generate( 后,我尝试显式更改
未成功。myGraph.tooltip.format.value = function (...) {...}
{...})
有什么想法可以实现这一点,而不必每次都从头开始重新生成图表吗?
最佳答案
您需要覆盖internal.getTooltipContent
var data = ['data1', 30000, 20000, 10000, 40000, 15000, 250000];
// simple fake data
var fakeData = data.map(function (d, i) {
return i ? (d / 100) : d;
})
var chart = c3.generate({
data: {
columns: [
fakeData,
['data2', 100, 200, 100, 40, 150, 250]
],
}
});
// do code to take over mars and plant potatoes
// save the original
var originalGetTooltipContent = chart.internal.getTooltipContent;
chart.internal.getTooltipContent = function (data, defaultTitleFormat, defaultValueFormat, color) {
// we modified the first series, so let's change that alone back
var originalValue = {
id: data[0].id,
index: data[0].index,
name: data[0].name,
// unfaked
value: data[0].value * 100,
x: data[0].x
};
var originalValues = data.map(function (d, i) {
return i ? d : originalValue;
})
return originalGetTooltipContent.call(this, originalValues, defaultTitleFormat, defaultValueFormat, color)
}
我假设您已经对缩放的 y 轴标签做了一些事情?
<小时/>fiddle - http://jsfiddle.net/puf248en/
关于javascript - 在 .generate() 之后和 .load() 之前将参数传递给 c3js 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31619585/