HighCharts折线图仅显示第一个和最后一个标记

时间:2016-06-23 15:51:26

标签: javascript highcharts

我目前正在使用highCharts折线图,我想在图表上只显示第一个和最后一个点作为标记。任何配置都可以吗?

$(function () {
Highcharts.setOptions({                                           
    global : {
        useUTC : false
    }
});

var chart = new Highcharts.Chart({
        color: '#000',
    chart:{
        renderTo: 'container',
        margin:[0, 0, 0, 0],
        backgroundColor:'transparent'
    },
    title:{
        text:''
    },
    credits:{
        enabled:false
    },
    xAxis:{
        labels:{
            enabled:false
        }
    },
    yAxis:{
        maxPadding:0,
        minPadding:0,
        gridLineWidth: 0,
        endOnTick:false,
        labels:{
            enabled:false
        }
    },
    legend:{
        enabled:false
    },
    tooltip:{
        enabled:false
    },
    plotOptions:{
        series:{
            enableMouseTracking:false,
            lineWidth:1,
            shadow:false,
            states:{
                hover:{
                    lineWidth:1
                }
            },
            marker:{
                //enabled:false,
                radius:2,
                states:{
                    hover:{
                        radius:2
                    }
                }
            }
        }
    },
    series: [{type:'line',
        data: [[
                1352740844000,
                12
                ],
                [
                1352741744000,
                10
                ],
                [
                1352742644000,
                20
                ],
                [
                1352743544000,
                40
                ],
                [
                1352744444000,
                50
                ]
         ]
    }] 
 });   
});

JSFIDDLE Link

我目前正在设置plotOptions.marker.radius:2,我不确定是否有任何其他配置采用可以确定是否显示标记的索引。

谢谢!

0 个答案:

没有答案