d3.js C3.js -X轴时间格式区域设置

68bkxrlz  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(182)

我是C3.js的新手,我正在尝试做一个timeseries chart
我的目标是将Portuguese Brazil设置为默认的语言环境。我已经看到d3.js有一个改变时间格式的实现。但是我在c3.js文件中实现这个有问题。
现在,X轴默认以英语显示月份。
!(x 1 e2f1x屏幕,X轴为英语月份] 1
我想让它用葡萄牙语显示月份[“一月”、“费夫”、“三月”、“阿布”、“五月”、“六月”、“七月”、“以前”、“集”、“出”、“十一月”、“德兹”]。
谢谢你
更新:这是我现在的代码.
第一个

a9wyjsp7

a9wyjsp71#

您可以使用d3-time-format模块并设置一个默认的语言环境来实现这一点。

<!-- Load d3.js and c3.js -->
  <script src="https://d3js.org/d3.v5.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.20/c3.min.js"></script>

  <!-- Load d3-time-format -->
  <script src="https://cdn.jsdelivr.net/npm/d3-time-format@4"></script>

  <script>
    /* set the default locale to pt-br */
    d3.timeFormatDefaultLocale({
      "decimal": ",",
      "thousands": ".",
      "grouping": [3],
      "currency": ["R$", ""],
      "dateTime": "%d/%m/%Y %H:%M:%S",
      "date": "%d/%m/%Y",
      "time": "%H:%M:%S",
      "periods": ["AM", "PM"],
      "days": ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"],
      "shortDays": ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
      "months": ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
      "shortMonths": ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"]
    });

    var chart = c3.generate({
    ...
    </script>

我创建了一个CodePen with the full working version

相关问题