1

現在、私は Chartist JS jQuery プラグインを使用していますが、負の点がないにもかかわらず、関数の 1 つが 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);
    }
});

ありがとう

4

3 に答える 3

3

これを options 変数に追加するだけで同じ問題に直面しました。詳細については、デフォルトで Chartist はカーディナル スプライン アルゴリズムを使用して線を滑らかにします。簡単にカスタマイズできます。

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

両方のフィドルを参照してください http://jsfiddle.net/Van_Jarvis/3uL7zu4o/113/

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

于 2016-05-19T11:12:12.057 に答える
0

オプションでbezierCurveを渡すと、滑らかな曲線が得られなくなります。

var options = {
     bezierCurve:false
  }
var myLineChart = new Chart(ctx).Line(data, options);
于 2016-02-08T06:03:47.167 に答える
0

標準のライン補間/スムージングは​​、不要なアーティファクトを引き起こす可能性があります。代わりに単純な補間を使用します。

http://gionkunz.github.io/chartist-js/examples.html#example-line-simple-smoothing

于 2016-02-14T17:37:37.133 に答える