Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ember.js/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Highcharts多系列线条宪章,标记变为不可见_Highcharts - Fatal编程技术网

Highcharts多系列线条宪章,标记变为不可见

Highcharts多系列线条宪章,标记变为不可见,highcharts,Highcharts,我需要HighCharts图形来显示一个在同一条线上有3个系列和三角形标记的折线图。我有一个看起来很好的方法,但是如果这些点太近,整个系列就看不见了 $(function () { $('#container').highcharts({ title: { text: null }, chart: { type: 'line', plotBackgroundImage: null, backgroundCol

我需要HighCharts图形来显示一个在同一条线上有3个系列和三角形标记的折线图。我有一个看起来很好的方法,但是如果这些点太近,整个系列就看不见了

$(function () {
$('#container').highcharts({
    title: {
        text: null
    },
    chart: {
        type: 'line',
        plotBackgroundImage: null,
        backgroundColor: 'transparent',
        width: 350,
        height: 520,
        borderWidth: 0,
        marginTop: 0,
        marginBottom: 50,
        marginLeft: 140,
    },
    legend: {
        align: 'left',
        verticalAlign: 'top',
        layout: 'vertical',
        x: 0,
        y: 20
    },
    xAxis: {
        type: 'datetime',
        lineWidth: 2,
        lineColor: "#FF0000",
        label: {
            enabled: true,
            format: "{value}"
        }
    },

    yAxis: {
        labels: {
            enabled: false
        },
        gridLineColor: '#197F07',
        title: {
            text: null
        }
    },
    plotOptions: {
        series: {
            marker: {
                radius: 8,
                symbol: "triangle"
            }
        },
        line: {
             lineWidth: 0
        }
    },

    series: [{
        data: [
            [Date.UTC(2010, 0, 1), 0],
            [Date.UTC(2010, 5, 1), 0],
            [Date.UTC(2010, 11, 1), 0]
        ],
        color: "#FF0000",
        name: 'Group 1',

    }, {
        data: [
            [Date.UTC(2010, 2, 1), 0],
            [Date.UTC(2010, 3, 1), 0],
            [Date.UTC(2010, 8, 1), 0]
        ],
        color: "#00FF00",
        name: 'Group 2'
    }, {
        data: [
            [Date.UTC(2010, 1, 1), 0],
            [Date.UTC(2010, 6, 1), 0],
            [Date.UTC(2010, 9, 1), 0],
            [Date.UTC(2011, 5, 1), 0]
        ],
        color: "#0000FF",
        name: 'Group 3'
    }]
});
});
在本例中,在JSFIDLE上,绿色三角形是不可见的,除非您将鼠标悬停在它们上面。如果图表宽度设置为550,绿色三角形将可见


我想找到一种方法,使这些在任何时候都可见。谢谢

我不确定最初出现此问题的原因,但似乎可以通过明确说明
plotOptions.series.marker
enabled:true
来解决此问题。像这样:

plotOptions: {
    series: {
        marker: {
            enabled: true, // Added
            radius: 8,
            symbol: "triangle"
        }
    },
    line: {
         lineWidth: 0
    }
}

请参阅演示。

谢谢!让我的日子更轻松:)