如何在jQuery Flot图上设置填充以修复样式问题？

Question

我正在使用jQuery Flot来创建一个简单的图形.我不需要在任何一侧显示轴,因此,点被略微切断.知道我该如何解决这个问题？

        $.plot('#'+id, [
            { data: data.values, color: 'rgba(57,132,176,1)', shadowSize: 0 },
        ],{
            series: {
                lines: { show: true },
                points: { show: true }
            },
            xaxis: {
                 show: false
            },
            yaxis: {
                 show: false
            },
            grid: {
                show: false
            }
        });

演示:http://jsfiddle.net/s00pjn8b/

Answer 1

您可以为网格选项添加边距,如下所示:

$.plot('#'+id, [
    { data: data.values, color: 'rgba(57,132,176,1)', shadowSize: 0 },
],{
    series: {
        lines: { show: true, color: '#000000' },
        points: { show: true }
    },
    xaxis: {
         show: false
    },
    yaxis: {
         show: false
    },
    grid: {
        show: false,
        margin: 10
    }
});

在这里更新了小提琴.