javascript - Chartist JS，X 轴下的折线图

Question

目前我正在使用 Chartist JS jQuery 插件，我遇到了这个问题，其中一个函数在 x 轴下方，即使它没有任何负值。

有没有办法避免这个问题，请看图加深理解。

代码

var options = {
    low: 0,
    fullWidth: true,
    height: '225px',
    chartPadding: {
        left: 0,
        right: 40,
    },
    showArea: true,
    onlyInteger:true,
    bezierCurve:false
};

$.ajax({
    url: $('.ct-log-lead').data('url'),
    method: 'GET',
    data: {customerId:$('.ct-log-lead').data('id'),phoneNumber: $('.ct-log-lead').data('phone')},
    success: function (d) {

        data = {
            labels: d[0],
            datasets: d[1]
        };                     

//        var leadsLastSevenDays = 0;
//        data.datasets[0].forEach(function (value) {
//            leadsLastSevenDays += value;
//        })        
//         $('.call-seven').html(d[2]);         

        var a = new Chartist.Line('.ct-log-lead', {
            labels: data.labels,
            series: [
                {
                    name: 'Form Leads',
                    data: data.datasets[0]
                },
                {
                    name: 'Call Logs',
                    data: data.datasets[1]
                }
            ],

        }, options);
    }
});

谢谢

Answer 1

我遇到了同样的问题，只是将其添加到您的选项变量中并获取更多信息默认情况下，Chartist 使用基数样条算法来平滑线条。您可以轻松自定义它。

 lineSmooth: Chartist.Interpolation.simple({
    divisor: 2
  }),

请看两个 fiddle http://jsfiddle.net/Van_Jarvis/3uL7zu4o/113/

http://jsfiddle.net/3uL7zu4o/114/