高图表仅显示重叠的最后一个标记

时间:2019-04-25 17:27:54

标签: highcharts

我有一个使用自定义标记的高分散点图。图表会变得生动起来,以便所有点从零开始,然后从零开始偏离。

每个标记都代表一个人,因此即使它们重叠,我们也要显示所有标记。我曾尝试过调整标记半径,但这并没有真正改变任何东西。

有没有一种方法可以增加间距,以便所有重叠的标记都仍然显示出来,即使这意味着将它们推离实际的x / y坐标并且视觉上也不是100%准确?

    Highcharts.chart('chart_div', {
        chart: {
            type: 'scatter',
            zoomType: 'xy'
        },
        title: {
            text: null
        },
        xAxis: {
            categories: [2012, 2013, 2014, 2015, 2016],
            title: {
                enabled: false,
            },
            startOnTick: true,
            endOnTick: true,
            showLastLabel: true,
            min: 2012,
            max: 2016,
        },
        yAxis: {
            title: {
                text: 'Units Attempted'
            },
            min: 0,
            max: 160
        },
        legend: {
            enabled: false,             
        },
        plotOptions: {
            scatter: {
                marker: {
                    radius: 5,
                    states: {
                        hover: {
                            enabled: true,
                            lineColor: 'rgb(100,100,100)'
                        }
                    }
                },
                states: {
                    hover: {
                        marker: {
                            enabled: false
                        }
                    }
                },
            }
        },
        series: [
        {
            name: 'Student 1',
            color: 'rgba(223, 83, 83, .5)',
            data: [{x:2012, y:0}, {x:2013, y:24}],
            marker: {
                symbol: 'url(marker.png)'
            }
        }, 
        {
            name: 'Student 2',
            color: 'rgba(223, 83, 83, .5)',
            data: [{x:2012, y:0, x:2013, y:16}],
            marker: {
                symbol: 'url(marker.png)'
            },
        },          
        ]

    });

0 个答案:

没有答案