Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在chartist.js中使用负数_Javascript_Chartist.js - Fatal编程技术网

Javascript 如何在chartist.js中使用负数

Javascript 如何在chartist.js中使用负数,javascript,chartist.js,Javascript,Chartist.js,我想在ChartList.js中显示负数,但它似乎不支持负数: 我的代码: var _4date = 'D'; var _3date = 'C'; var _2date = 'B'; var _1date = 'A'; var _4all_scores = '-100'; var _3all_scores = '476'; var _2all_scores = '649';

我想在
ChartList.js中显示负数,但它似乎不支持负数:

我的代码:

        var _4date = 'D';
        var _3date = 'C';
        var _2date = 'B';
        var _1date = 'A';

        var _4all_scores = '-100';
        var _3all_scores = '476';
        var _2all_scores = '649';
        var _1all_scores = '0';

        var _4comments_scores = '-100';
        var _3comments_scores = '20';
        var _2comments_scores = '0';
        var _1comments_scores = '0';


        var _4transactions_scores = '0';
        var _3transactions_scores = '456';
        var _2transactions_scores = '649';
        var _1transactions_scores = '0';



        var chart = new Chartist.Line('.ct-chart', {
            labels: [_1date, _2date, _3date, _4date],
            series: [
                [_1all_scores, _2all_scores, _3all_scores, _4all_scores],
                [_1comments_scores, _2comments_scores, _3comments_scores, _4comments_scores],
                [_1transactions_scores, _2transactions_scores, _3transactions_scores, _4transactions_scores]
            ]
        }, {
            low: 0,
            showArea: true,
            showPoint: false,
            fullWidth: true
        });

        chart.on('draw', function(data) {
            if(data.type === 'line' || data.type === 'area') {
                data.element.animate({
                    d: {
                        begin: 2000 * data.index,
                        dur: 2000,
                        from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
                        to: data.path.clone().stringify(),
                        easing: Chartist.Svg.Easing.easeOutQuint
                    }
                });
            }
        });


已解决:

我刚刚删除了这个选项:

low: 0

已解决:

我刚刚删除了这个选项:

low: 0

也许这会帮助任何人

我有一个面积图,上面只有负数,并且定义了

var low = Math.min(...data) * 0.75;
var high = Math.max(...data) * 1.25;
这只适用于图表中的正数,这导致该图表被裁剪,我根本没有看到任何图表。因此,对于只有负数的图表,我定义了:

var low = Math.max(...data) * -1.25;
var high = Math.min(...data) * -0.75;
我这样做是因为我用
值*-1
还原了我的图表,这是因为用于镜像图表的内置函数不适用于我

所以,我最终得到了这样的结果:

    function chartOptions(data, reversed=false) {

        if(reversed) {
            var low = Math.max(...data) * -1.25;
            var high = Math.min(...data) * -0.75;
        } else {
            var low = Math.min(...data) * 0.75;
            var high = Math.max(...data) * 1.25;
        }

        return {
            showPoint: true,
            showLine: true,
            showArea: true,
            fullWidth: true,
            showLabel: false,
            low: low,
            high: high
        }
    }

也许这会帮助任何人

我有一个面积图,上面只有负数,并且定义了

var low = Math.min(...data) * 0.75;
var high = Math.max(...data) * 1.25;
这只适用于图表中的正数,这导致该图表被裁剪,我根本没有看到任何图表。因此,对于只有负数的图表,我定义了:

var low = Math.max(...data) * -1.25;
var high = Math.min(...data) * -0.75;
我这样做是因为我用
值*-1
还原了我的图表,这是因为用于镜像图表的内置函数不适用于我

所以,我最终得到了这样的结果:

    function chartOptions(data, reversed=false) {

        if(reversed) {
            var low = Math.max(...data) * -1.25;
            var high = Math.min(...data) * -0.75;
        } else {
            var low = Math.min(...data) * 0.75;
            var high = Math.max(...data) * 1.25;
        }

        return {
            showPoint: true,
            showLine: true,
            showArea: true,
            fullWidth: true,
            showLabel: false,
            low: low,
            high: high
        }
    }

有没有办法在定义了
low
hight
的情况下处理这个问题?有没有办法在定义了
low
hight
的情况下处理这个问题?