javascript - Highchart map 饼图 : clic and hide specific pie

标签 javascript highcharts

当我点击某个州时,如何隐藏该州的特定饼图? 例如在这张 map 上:

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/map-pies/

    series: [{
        mapData: Highcharts.maps['countries/us/us-all'],
        data: data,
        name: 'States',
        ....
        events: {
           click: function (e) {
           e.point.zoomTo();
           chart.update({
              -- hide the state's pie
              -- display data from serie on this specific state
             })
           }
        }

我想隐藏加利福尼亚州的饼图并放大该州以显示其他一系列数据(例如点)...

非常感谢您的帮助!

最佳答案

您需要找到正确的系列并使用setVisible方法:

    events: {
        click: function(e) {
            e.point.zoomTo();

            Highcharts.find(chart.series, function(item) {
                return item.name === e.point.id;
            }).setVisible(false, false);
        }
    }

现场演示:https://jsfiddle.net/BlackLabel/czav0kL3/

API:https://api.highcharts.com/class-reference/Highcharts.Series#setVisible

关于javascript - Highchart map 饼图 : clic and hide specific pie,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53726393/

相关文章:

highcharts - ASP.NET WebRequest 到 Highcharts 导出服务器

javascript - 如果图像比浏览器大,如何将图像居中放置在页面中间并调整其大小?

javascript - 复选框 onchange 抛出错误

javascript - 似乎没有得到 $().attr ('src' ) 来完成它的工作

javascript - 在 highcharts 中生成动画 plotLines

jquery - 如何动态绘制HighChart XAxis

php - 如何将按钮值发布到 PHP?

javascript - 如何在 cometd 中处理向 javascript 客户端广播动态列表

charts - 用于显示最小值/最大值/平均值的条形图

highcharts - 有没有办法让 HighCharts JS 中的曲线更平滑?