1
A
回答
1
您可以通过扩展Highcharts来更改工具提示形状。
(function(Highcharts) {
Highcharts.Renderer.prototype.symbols.callout = function(x, y, w, h, options) {
var arrowLength = 6,
halfDistance = 6,
r = Math.min((options && options.r) || 0, w, h),
safeDistance = r + halfDistance,
anchorX = options && options.anchorX,
anchorY = options && options.anchorY,
path;
path = [
'M', x + r, y,
'L', x + w - r, y, // top side
'C', x + w, y, x + w, y, x + w, y + r, // top-right corner
'L', x + w, y + h - r, // right side
'C', x + w, y + h, x + w, y + h, x + w - r, y + h, // bottom-right corner
'L', x + r, y + h, // bottom side
'C', x, y + h, x, y + h, x, y + h - r, // bottom-left corner
'L', x, y + r, // left side
'C', x, y, x, y, x + r, y // top-right corner
];
path.splice(23, 3,
'L', w/2 + halfDistance, y + h,
w/2, y + h + arrowLength,
w/2 - halfDistance, y + h,
x + r, y + h
);
return path;
};
}(Highcharts));
文档: - http://www.highcharts.com/docs/extending-highcharts/extending-highcharts
相关问题
- 1. Highchart馅饼 - 动态数组动态馅饼
- 2. JavaFX线/箭头箭头
- 3. 引导酥料饼 - 删除箭头
- 4. 箭头
- 5. 箭头
- 6. 多箭头切换箭头切换
- 7. CSS盒除箭头外有箭头
- 8. 馅饼太小
- 9. 点内馅饼
- 10. HighCharts列馅饼
- 11. CSS3馅饼笨
- 12. 用箭头填充带有箭头的svg路径作为头
- 13. 馅饼饼图在Highcharts
- 14. 怪异箭头
- 15. 用箭头
- 16. 动画箭头
- 17. 箭头键
- 18. CSS箭头
- 19. 的箭头
- 20. shift +箭头键
- 21. 用箭头
- 22. 概括箭头
- 23. 的OpenLayers箭头
- 24. d3js用箭头
- 25. 方向箭头
- 26. 箭头=“数量”
- 27. 用箭头
- 28. 双箭头CSS
- 29. HighChart馅饼不会显示任何数据
- 30. 创建从数据在本地(对象)JSON文件馅饼highchart