无法在CoffeeScript中显示的人力车图表月份名称(Not able to display M

2019-10-19 08:49发布

我使用所谓的短跑西纳特拉基础框架工作的一个项目。 我的项目的一部分是创建使用人力车图表的图表。 我的问题是,我不能够在X轴显示月份名称和日期。 我使用的CoffeeScript来呈现这些值。 下面是图表中的代码:

class Dashing.Graph extends Dashing.Widget



@accessor 'points', Dashing.AnimatedValue

  @accessor 'current', ->
    return @get('displayedValue') if @get('displayedValue')
    points = @get('points')
    if points
      points[points.length - 1].y

#ready is triggered when ever the page is loaded.
  ready: ->
    container = $(@node).parent()
    # Gross hacks. Let's fix this.
    width = (Dashing.widget_base_dimensions[0] * container.data("sizex")) + Dashing.widget_margins[0] * 2 * (container.data("sizex") - 1)
    height = (Dashing.widget_base_dimensions[1] * container.data("sizey"))
    @graph = new Rickshaw.Graph(
      element: @node
      width: width
      height: height
      renderer: @get("graphtype")
      series: [
        {
        color: "#fff",
        data: [{x:0, y:0}]
        }
      ]
    )

    @graph.series[0].data = @get('points') if @get('points')
    time = new Rickshaw.Fixtures.Time()
    days = time.unit("day")

    x_axis = new Rickshaw.Graph.Axis.Time(
      graph: @graph
      timeUnit: days
    )
    y_axis = new Rickshaw.Graph.Axis.Y(graph: @graph, tickFormat: Rickshaw.Fixtures.Number.formatKMBT)
    @graph.render()

从我从可用的人力车图形API此理解:

https://github.com/shutterstock/rickshaw/blob/master/src/js/Rickshaw.Fixtures.Time.js

它说,你可以指定单位名称。 因此,对于这种情况下我用“天”只是用于测试的原因,但是这似乎并不奏效。 任何帮助将是巨大的。

Answer 1:

您可以指定一个timeFixture驱动如何在x轴的刻度应标。

var xAxis = new Rickshaw.Graph.Axis.Time( {
  graph: graph,
  timeFixture: new Rickshaw.Fixtures.Time.Local()
} );

夹具需要照顾的时间范围的显示,并触发适当的详细水平FO的日期/时间的格式,例如,从年变焦到小时。

你也可以创建自己的“固定时间”,并将其设置在那里,看一看Rickshaw.Fixtures.Time或Rickshaw.Fixtures.Time.Local

另外,又名指定固定间距“单元的你总是想显示:

var timeFixture = new Rickshaw.Fixtures.Time();
var unitHour = timeFixture.unit('hour');
var xAxis = new Rickshaw.Graph.Axis.Time( {
  graph: graph,
  timeUnit: unitHour,
  timeFixture: timeFixture
} );


文章来源: Not able to display Month names on Rickshaw Graph on Coffeescript