首页 > 解决方案 > 无法在“CanvasRenderingContext2D”上执行“quadraticCurveTo”:需要 4 个参数,但只有 0 个存在

问题描述

var data1 = [[1995,0],[1996,0],[1997,104],[1998,67]];

$("#flot-dashboard-chart").length && $.plot($("#flot-dashboard-chart"), [
                data2
            ],
                    {
                        series: {
                            lines: {
                                show: false,
                                fill: true
                            },
                            splines: {
                                show: true,
                                tension: 0.4,
                                lineWidth: 1,
                                fill: 0.4
                            },
                            points: {
                                radius: 0,
                                show: true
                            },
                            shadowSize: 2
                        },
                        grid: {
                            hoverable: true,
                            clickable: true,
                            tickColor: "#d5d5d5",
                            borderWidth: 1,
                            color: '#d5d5d5'
                        },
                        colors: ["#1ab394", "#1C84C6"],
                        xaxis:{
                        },
                        yaxis: {
//                            ticks: 4
                        },
                        tooltip: false
                    }
            );

这段代码运行良好,但是当我想在 x 轴上显示月份名称时,它通过将数据更改为

var data2 = [["01-2016",48],["02-2016",48],["03-2016",53],["04-2016",37]];

无法在“CanvasRenderingContext2D”上执行“quadraticCurveTo”:需要 4 个参数,但只有 0 个存在

数据为整数时的正确输出

在此处输入图像描述

当数据在字符串中时

在此处输入图像描述

标签: javascriptjquery

解决方案


推荐阅读