Javascript Highcharts区域图表曲线到sharp

我刚开始使用highcharts，我想让我的图表显示为下面的第一张图片，而不是第二张图片

我想要什么

我所拥有的

以下是我目前拥有的代码：

chart = new Highcharts.stockChart($('#' + tab + ' .chart')[0], {
        chart: {
            type: 'areaspline',
            spacing: [10, 10, 15, 10],
            events: {
                load: function() {
                    setTimeout(function() {
                        interval = setInterval(function() {
                            requestData(asset, name)
                        }, 1000);
                    }, 1000);
                }
            },
        },

        rangeSelector: {
                            enabled: !1
                        },
        navigator: {
            enabled: false
        },
        title: {
            text: name
        },
        xAxis: {
            type: 'datetime',
            tickPixelInterval: 100,
            dateTimeLabelFormats: {
                second: "%H:%M:%S",
                minute: "%H:%M",
                hour: "%H:%M",
                day: "%d/%m",
                week: "%Y<br/>%d-%m",
                month: "%m-%Y",
                year: "%Y"
            }
            //tickPixelInterval: 3600
        },
        yAxis: {
            allowDecimals: true,
            title: {
                text: 'Values'
            },
            labels: {
                style: {
                    backgroundColor: "#282828"
                },
                y: 12,
                zIndex: 4,
                formatter: function() {
                    return Highcharts.numberFormat(this.value, countDecimals(this.value))
                }
            },
            opposite: false,
            plotLines: [{
                value: 0,
                width: 1,
                dashStyle: 'longdashdot',
                color: '#2D2E2F'
            }]
        },
        series: [{
            name: 'Price',
            dataGrouping: {
                enabled: !1,
                groupPixelWidth: 1
            },
            animation: !1,
            threshold: null,
            //color: '#2D2E2F',
            data: []
        }],
        responsive: {
            rules: [{
                condition: {
                    maxWidth: 500
                },
                chartOptions: {
                    legend: {
                        align: 'center',
                        verticalAlign: 'bottom',
                        layout: 'horizontal'
                    },
                    yAxis: {
                        labels: {
                            align: 'left',
                            x: 0,
                            y: -5
                        },
                        title: {
                            text: null
                        }
                    },
                    subtitle: {
                        text: null
                    },
                    credits: {
                        enabled: false
                    }
                }
            }]
        }
    });

chart=newhighcharts.stockChart（$（'#'+tab+'.chart'）[0]{
图表：{
类型：'areaspline'，
间距：[10,10,15,10]，
活动：{
加载：函数（）{
setTimeout（函数（）{
间隔=设置间隔（函数（）{
请求数据（资产、名称）
}, 1000);
}, 1000);
}
},
},
范围选择器：{
已启用：！1
},
导航器：{
已启用：false
},
标题：{
文本：名称
},
xAxis：{
键入：“日期时间”，
像素间隔：100，
日期时间标签格式：{
第二个：“%H:%M:%S”，
分钟：“%H:%M”，
小时：“%H:%M”，
日期：“%d/%m”，
周：“%Y
%d-%m”，
月份：“%m-%Y”，
年份：“%Y”
}
//像素间隔：3600
},
亚克斯：{
allowDecimals:对，
标题：{
文本：“值”
},
标签：{
风格：{
背景色：“282828”
},
y:12，
zIndex:4，
格式化程序：函数（）{
返回Highcharts.numberFormat（this.value，countDecimals（this.value））
}
},
反面：错，
绘图线：[{
值：0，
宽度：1，
dashStyle:“longdashdot”，
颜色：“#2D2F”
}]
},
系列：[{
名称：'价格'，
数据分组：{
已启用：！1，
组像素宽度：1
},
动画：！1，
阈值：空，
//颜色：“#2D2F”，
数据：[]
}],
响应：{
规则：[{
条件：{
最大宽度：500
},
图表选项：{
图例：{
对齐：'居中'，
垂直排列：“底部”，
布局：“水平”
},
亚克斯：{
标签：{
对齐：“左”，
x:0,，
y:-5
},
标题：{
文本：空
}
},
副标题:{
文本：空
},
学分：{
已启用：false
}
}
}]
}
});

PS：两张图表的数据几乎相同

---

谢谢。

尝试使用

series.dataGrouping:{enabled:false}

而不是

！1

。那样做是行不通的。你能摆弄一下有代表性的数据吗。