Highcharts：在空数据点之间添加点到系列和样式

Question

我想对此图表http://jsfiddle.net/4vyaaLjL/

做两件事

$('#container').highcharts({
    chart: {
        type: 'area',
    },
    title: {
        text: 'Fruit consumption *'
    },
    xAxis: {
        categories: ['Apples', 'Pears', 'Oranges', 'Bananas', 'Grapes', 'Plums', 'Strawberries', 'Raspberries']
    },
    yAxis: {
        title: {
            text: 'Y-Axis'
        },
        labels: {
            formatter: function () {
                return this.value;
            }
        }
    },
    series: [{
        name: 'John',
        data: [0, 1, 4, 4, 5, 2, 3, 7]
    }, {
        name: 'Jane',
        data: [1, 0, 3, null, 3, 1, 2, 1]
    }]
});

1. 我喜欢设定＆＃39; null＆＃39;带破折号的数据点。
2. 在图像中放置一些样式点代替正方形。



由于

Answer 1

1. 有一个选项connectNulls，但您不能使用不同的破折号样式。那么使用series.zones怎么样？不幸的是，您需要提前计算，根据空数据点应该在哪里区域。对此的另一个解决方案是简单地创建单独的系列，只有两个点并在它们之间划线。您可以使用series.linkedTo选项连接两个系列。

2. 请参阅this question。

使用4.2.x版进行演示：http://jsfiddle.net/Yrygy/504/