【问题标题】:Rings around axis on hover on highcharts Variable radius pie在高图表上悬停时围绕轴的环可变半径饼图
【发布时间】:2020-05-11 18:45:02
【问题描述】:

你好 Highcharts 和 stackoverflow,

我想让最终用户更容易地比较可变半径饼图中的楔形块(基本上与 Line to the Y axis on hover 相同,但呈放射状)。因此,当它们悬停在楔子上时,我想在圆圈周围画一个“环”以便于比较。这将根据您悬停的点出现/消失/更改。

(在某些方面 - 就像可变半径饼图的可视化与极坐标/雷达图等轴的概念之间的混合)

有什么想法吗?

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    在带有十字准线的极坐标图中使用列系列:

        chart: {
            polar: true
        },
        series: [{
            type: 'column',
            pointPadding: 0,
            groupPadding: 0,
            colorByPoint: true,
            data: [...]
        }],
        yAxis: {
            crosshair: {
                color: 'red',
                zIndex: 3
            }
        }
    

    现场演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/5005/

    API 参考:

    https://api.highcharts.com/highcharts/chart.polar

    https://api.highcharts.com/highcharts/yAxis.crosshair

    【讨论】:

    • 但在极坐标图中每个楔形的大小/中心角仍然相同...在可变半径饼图中,每个楔形的大小/中心角不同。
    • 嗨@JMH,对不起,我错过了。请检查变量派的解决方案:jsfiddle.net/BlackLabel/m8xzdfkr/1
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-28
    • 1970-01-01
    相关资源
    最近更新 更多