Highcharts区域图表曲线锐利

时间:2016-12-30 16:41:31

标签: javascript highcharts

我刚刚开始使用highcharts,我希望我的图表显示为下面的第一张图片,而不是第二张图片。

What I'd like

我喜欢什么

What I have

我有什么

以下是我目前的代码:

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
                    }
                }
            }]
        }
    });

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

感谢。

0 个答案:

没有答案