highcharts线图设置线的粗细和数据点大小问题

先说问题,主要是想把数据点隐藏掉,生产中打印一堆数据点着实很难看,因此在画图的时候就规避这类问题
解决方案一:降低数据点的半径,具体设置如下:

<!-- lang: js -->
plotOptions: {
        spline: {
            lineWidth: 1.5,//粗细:lineWidth  默认值为2
            fillOpacity: 0.1,
             marker: {
                enabled: false,
                states: {
                    hover: {
                        enabled: true,
                        radius: 2
                    }
                }
            },
            shadow: false
        }
    },

解决方案二,增加线的粗细来覆盖点,具体设置如下:

<!-- lang: js -->
plotOptions: {
            area: {
                marker: {
                    enabled: false,
                    symbol: 'circle',//曲线点类型:"circle", "square", "diamond", "triangle","triangle-down",默认是"circle"
                    radius: 4,//曲线点半径,默认是4
                    states: {
                        hover: {
                            enabled: true
                        }
                    }
                }
            }
        },

你可能感兴趣的:(highcharts线图设置线的粗细和数据点大小问题)