1

我使用 d3plus 创建了一个条形图。在代码中，我使用以下几行创建了时间线：

    .time({
         "value": "__TIME__"
     )
   .timeline({
        "align":"center",
        "value":true})


这在我的图表中显示了一个时间线，如下所示：在此处输入图像描述

在我的数据中，__TIME__变量仅包含数字（1,2,3,4..）。但是时间线把它变成了几个月。我只想要纯数字（1,2,3,4 ....）而不是时间的自动格式。
是否可以禁用时间线的自动格式化？
这是示例jsfiddle：

var data = [{
  "day": 0,
  "name": "alpha",
  "value": 15
}, {
  "day": 1,
  "name": "alpha",
  "value": 34
}, {
  "day": 0,
  "name": "alpha2",
  "value": 17
}, {
  "day": 1,
  "name": "alpha2",
  "value": 65
}, {
  "day": 1,
  "name": "beta",
  "value": 10
}, {
  "day": 1,
  "name": "beta",
  "value": 10
}, {
  "day": 0,
  "name": "beta2",
  "value": 40
}, {
  "day": 1,
  "name": "beta2",
  "value": 38
}, {
  "day": 0,
  "name": "gamma",
  "value": 5
}, {
  "day": 1,
  "name": "gamma",
  "value": 10
}, {
  "day": 0,
  "name": "gamma2",
  "value": 20
}, {
  "day": 1,
  "name": "gamma2",
  "value": 34
}, {
  "day": 0,
  "name": "delta",
  "value": 50
}, {
  "day": 2,
  "name": "delta",
  "value": 43
}, {
  "day": 2,
  "name": "delta2",
  "value": 17
}, {
  "day": 2,
  "name": "delta2",
  "value": 35
}]
var visualization = d3plus.viz()
  .container("#chartContainer")
  .data(data)
  .type({
    "value": "box",
    "mode": "extent" // changes box/whisker from tukey to extent mode
  })
  .id("name")
  .x("day")
  .y("value")
  .time("day")
  .timeline({
        "align":"center",
        "value":true})
  //.format() 				// I couldn't find any format for plain data without converting it into time  
  .draw()
<script src="//d3plus.org/js/d3.js"></script>
<script src="//d3plus.org/js/d3plus.js"></script>
<div id="chartContainer">
</div>

4

0 回答 0