如何更改图表上的开始工作日？ (plotly.js)

Question

如何更改图表上的开始工作日？现在我在 xaxis 上只有星期天。我只需要在 xaxis 上显示星期一。谢谢你。我的配置是：

...
xaxis: {
    type: 'date',
    automargin: true,
    tickformat: '%d.%m',
    maxPadding: 1,
},
yaxis: {
    tickmode: 'array',
    automargin: true,
    showticklabels: false,
    showgrid: false,
},
...

Answer 1

我克隆了他们的 repo 并使用了你的数据数组正如我在笔记中提到的，这只是格式化你提供的内容的问题 x/axis，我在下面的示例中使用了 moment，我是确保您可以使用其他方式来获取您想要的日期格式。

让我知道以下代码是否需要进一步说明。顺便提一句。我正在使用 React 版本，但快速浏览一下它们看起来像是相同的设置。

      const PlotlyClass = (props) => {
  let VasilyBasicArray = [{ value: "2020-04-16", count: 100 }, { value: "2020-04-17", count: 200 }, { value: "2020-04-18", count: 300 }, { value: "2020-04-19", count: 400 }, { value: "2020-04-20", count: 500 }, { value: "2020-04-21", count: 600 }, { value: "2020-04-22", count: 700 }, { value: "2020-04-23", count: 800 }, { value: "2020-04-24", count: 100 }, { value: "2020-04-25", count: 200 }, { value: "2020-04-26", count: 300 }, { value: "2020-04-27", count: 400 }, { value: "2020-04-28", count: 500 }, { value: "2020-04-29", count: 600 }, { value: "2020-04-30", count: 700 }]


 return (
<Plot
  data={[
    {
      x: VasilyBasicArray.map(rec => moment(rec.value).format('dd-Do')),
      y: VasilyBasicArray.map(rec => rec.count),
      type: 'scatter',
      mode: 'lines+markers',
      marker: { color: 'red' },
    },
    { type: 'bar', x: VasilyBasicArray.map(rec => moment(rec.value).format('dd-Do')), y: VasilyBasicArray.map(rec => rec.count) },
  ]}
  layout={{ width: 320, height: 240, title: 'A Fancy Plot' }}
/>
  );
};

Answer 2

制作 plotly 的本地副本。
查找文本：GregorianCalendar.prototype（或您的默认日历）。
在此原型中找到变量 firstDay（文件中有许多 firstDay 变量）并将值从 0 更改为 1。

这不是一个干净的解决方案，但如果您不需要使用其他语言，它是可行的。在此原型中，如果需要，您也可以重命名月份和日期。

如何更改图表上的开始工作日？ (plotly.js)

How can I change start week day on a graph? (plotly.js)

javascript

plotly.js