在react-vis时间刻度轴中设置24小时时间格式

mik*_*dea 7 d3.js reactjs react-vis

我正在使用 XYPlot 和xType={\'time\'}俄语语言环境,如文档中所述,有没有办法将 24 小时时间格式传递给 d3-scale?

\n

规模

\n

我需要的不是“03 AM”,而是“03:00”之类的内容。

\n

d3-time-format 中的俄语区域设置的时间定义为 %H,应为 24 小时:

\n
{\n    "dateTime": "%A, %e %B %Y \xd0\xb3. %X",\n    "date": "%d.%m.%Y",\n    "time": "%H:%M:%S",\n    "periods": ["AM", "PM"],\n    // ... some other options\n}\n
Run Code Online (Sandbox Code Playgroud)\n

不幸的是,该设置不会影响缩放行为。

\n

小智 4

因此,根据您在网页末尾提供的链接,您可以注意到另一个区域设置中的配置。您可以稍微调整其时间来实现您所需要的:

\n\n
import {timeFormatDefaultLocale} from \'d3-time-format\';\ntimeFormatDefaultLocale({\n    dateTime    : \'%a %b %e %X %Y\',\n    date        : \'%d/%m/%Y\',\n    time        : \'%H%H:%m%m:%s%s\',\n    periods     : [\'AM\', \'PM\'],\n    days        : [\'Dimanche\', \'Lundi\', \'Mardi\', \'Mercredi\', \'Jeudi\', \'Vendredi\', \'Samedi\'],\n    shortDays   : [\'Di\', \'Lu\', \'Ma\', \'Me\', \'Je\', \'Ve\', \'Sa\'],\n    months      : [\'Janvier\', \'F\xc3\xa9vrier\', \'Mars\', \'Avril\', \'Mai\', \'Juin\', \'Juillet\', \'Ao\xc3\xbbt\', \'Septembre\', \'Octobre\', \'Novembre\', \'Decembre\'],\n    shortMonths : [\'Jan\', \'Fev\', \'Mar\', \'Avr\', \'Mai\', \'Jui\', \'Juil\', \'Aou\', \'Sep\', \'Oct\', \'Nov\', \'Dec\']\n});\n
Run Code Online (Sandbox Code Playgroud)\n\n

您可以在这里找到日期格式:Javascript 日期格式

\n