【问题标题】:HighCharts - How can I turn off the points?HighCharts - 如何关闭积分?
【发布时间】:2013-01-16 13:23:01
【问题描述】:

我正在使用 HighCharts。 Here 是文档。我想关闭这些点,但起初我不知道那是怎么称呼的。因此我无法关闭它们。你知道我怎么能杀死那些点吗?

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    这是一个带有折线图的示例:http://jsfiddle.net/aeZ6P/1/

    重要部分:

    plotOptions: {
        line: {
            marker: {
                enabled: false
            }
        }
    }
    

    另见:https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

    与样条效果相同:http://jsfiddle.net/aeZ6P/

    【讨论】:

    • 有没有办法在悬停时关闭标记?尝试悬停:{启用:假}}没有运气:jsfiddle.net/aeZ6P/36
    • @igrek - 像这样? jsfiddle.net/aeZ6P/37 我添加的代码是states: { hover: { enabled: false } }
    • 有没有办法关闭线路并只保留标记?我想这与这个问题完全相反?
    • @RajatAgarwal - 我找不到禁用线条的正确方法,但我可以通过将线条的宽度设置为 0px 来隐藏线条:jsfiddle.net/aeZ6P/257
    • @igrek, jsfiddle.net/aeZ6P/37 链接很有帮助。谢谢!
    【解决方案2】:

    在 Highcharts 中,我们有三种禁用标记的方法:

    1) 按类型禁用所有系列:

    plotOptions: {
        line: { /* or spline, area, series, areaspline etc.*/
            marker: {
               enabled: false
            }
        }
    }
    

    2) 为一个特定系列禁用:

    series: [{
        data: [14,17,21],
        marker: {
           enabled: false
        }
    }]
    

    3) 禁用某个点的标记:

    series: [{
        data: [{
            y: 14,
            marker: {
                enabled: false
            }
        },{
            y: 17
        },{
            y: 21
        }]
    }]
    

    【讨论】:

    • 当您将鼠标悬停在每个数据系列的线上时,如何禁用图形?
    • 只需禁用states.hover
    • @PawełFus 谢谢。 plotOptions.series.states.hover 有效。很高兴看到这篇文章。
    【解决方案3】:

    从 HighCharts API 参考中看看这个:

    http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

    http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

    您需要添加的选项如下:

        plotOptions: {
            series: {
                marker: {
                    enabled: false
                }
            }
        },
    

    这个方法很好,因为它适用于所有带有点标记的图表。如果您想要特定的图表类型,请查看:

        plotOptions: {
            line: { // <--- Chart type here, check the API reference first!
                marker: {
                    enabled: false
                }
            }
        },
    

    享受吧!

    【讨论】:

    • 对不起,悬停时不起作用,悬停时总是有那个标记
    • 如何关闭一个标记,比如最后一个?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多