如何在 frappe 图表中给出 X 轴的间隙答案

【问题标题】：How to give gaps in X-axis in frappe charts如何在 frappe 图表中给出 X 轴的间隙
【发布时间】：2018-02-26 16:14:28
【问题描述】：

实际上我是在使用frappe-charts 制作折线图。在 X 轴上，我的值从 1 到 53（一年中的周数），在 Y 轴上，在 y 轴上用户的贡献。但是由于在 X 轴上显示 1 到 53 个条目是非常正确的，所以我希望在图表之间有一些像这样的间隙：

但我的图表是这样的：

这是我的代码：

let lineGraph = new Chart({
        parent: "#notes", 
        type: "line", 
        show_dots: 0,
        heatline: 1,
        height: 115,
        region_fill: 1, 
        data: data,
        x_axis_mode: "tick",
        y_axis_mode: "span",
        is_series: 1
    });

&lt;div id="notes"&gt;&lt;/div&gt;

我尝试将 is_series 增加到 5，但没有用。

【问题讨论】：

查看他们的源代码，看起来is_series 只是一个标志，表示他们可以删除一些值。但随后他们会计算所需的空间量，并仅在必要时删除值。在我的简短搜索中，我没有看到更改该行为的选项。
但是在上图中我可以看到X轴上没有指定的1973的值。我不知道他们是怎么做到的。
还有一件事我必须给它一些 X 轴标签和相应的值。中间有没有要漏掉的一些X标签。
如果没有足够的空间容纳所有值，它们仅自动删除跳过的值。我没有看到自己做的方法。可以自己看代码here，第136-188行
好的，感谢您的帮助@LazyElephant

标签： javascript html charts

【解决方案1】：

我知道这是一个老问题，确切地说，我最近遇到了同样的问题，并开始深入研究实际上并没有太大帮助的文档。我花了一段时间才弄清楚。

let lineGraph = new frappe.Chart("#notes",{
    title: "",
    type: 'line',
    height: 115,
    data: data,
    axisOptions: {
        xIsSeries: true,   //default:false
        xAxisMode: "tick",
        yAxisMode: "span"
    },
    lineOptions: {
        hideDots: 1,   //default:0
        heatline: 1,
        regionFill: 1
    }
});

<div id="notes"></div>

我提到了this，但我认为这实际上没有帮助，有些解释很难弄清楚，因为..我不知道，这很难......而且这是我发现唯一有用的文档。

注意：此语法来自 frappe-charts v1.6.2(stable)，以防您询问。

【讨论】：

这真的能解决问题吗？
@Stephen Ostermiller 是的，这确实解决了问题。我已经对其进行了测试，效果非常好。