【问题标题】:individual point settings in a scatter/line plot散点图/线图中的单个点设置
【发布时间】:2013-01-17 16:55:31
【问题描述】:

在散点 HighCharts 图中,我只想为我的系列中的一些数据点设置一些属性。这是一个玩具示例:

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container'
            },
            series: [{
                type: 'line',
              data: [[1,1],
                     {x:3,y:2,marker:{enabled:false}},
            [4,1]]
            }]
        });
    });
});

我需要(按优先级降序)第二点不具备:

  1. 标记(已经在我的代码中完成,正在工作);
  2. 工具提示(试过但没有成功,我不知道怎么做)
  3. 来自上一点的线(尝试但没有成功,我不知道 如何做到这一点)

这是jfiddle 版本。

【问题讨论】:

  • 系列类型属性表示要在画布上绘制什么样的图表。默认为 line 绘制折线图。你说你不希望第二个点有 type 属性,这是什么意思我不明白,你想为每个点有不同类型的图表吗?如果你想要一个 scatter 类型,只需将 line 替换为 scatter
  • 据我所知,散点图系列不能有线条。我需要一个折线图,但在连接所有点的线上有一些“洞”。

标签: highcharts scatter-plot linechart


【解决方案1】:

对于您的第二点,即兴回答类似的答案:

Disable tooltip on certain points in Highcharts

tooltip: {
    formatter: function() {
        if (this.point.x != 1) { //enable for each point except the second point
            return this.x;
        }
        else return false;
    }
}

对于您的第三点,您可能会尝试使用技巧。如果将 y 值设置为 null,则该点将不会显示在该行中。所以画一条线,然后输入两个 y 值为空的数据,在图表上创建一个孤点。

这里是一个例子:http://jsfiddle.net/8U8nx/14/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-12-20
    • 2019-10-17
    • 1970-01-01
    • 2011-07-14
    • 1970-01-01
    • 2021-07-04
    • 2011-10-03
    • 2023-04-10
    相关资源
    最近更新 更多