Question

我正在使用EXTJS 4 Gauge Chart。我想显示extjs4图表工具提示。但是工具提示在extjs Gauge Chart中不起作用。

谢谢＆amp;问候， Gauravp

Answer 1

这是目前在ExtJS 4.0.6及更早版本中报告的问题。 See here for details on the sencha forums

问题似乎是因为仪表图没有实现isItemInPoint，它永远不会支持突出显示或提示 - 图表系列的getItemForPoint函数使用isItemInPoint来确定系列中哪个项位于x / y坐标。

在同一个sencha论坛帖子上，用户“minneyar”现在通过在Gauge系列原型上实现isItemInPoint方法提出了一种解决方法，下面是代码：

Ext.chart.series.Gauge.override({
    isItemInPoint: function(x, y, item, i) {
        var chartBBox = this.chart.chartBBox;
        var centerX = this.centerX = chartBBox.x + (chartBBox.width / 2);
        var centerY = this.centerY = chartBBox.y + chartBBox.height;
        var outerRadius = Math.min(centerX - chartBBox.x, centerY - chartBBox.y);
        var innerRadius = outerRadius * +this.donut / 100;

        var r = Math.sqrt(Math.pow(centerX-x, 2) + Math.pow(centerY-y,2));

        return r > innerRadius && r < outerRadius;
    }
});

EXTJS 4 Gauge Chart Tool提示不起作用？

1 个答案: