【问题标题】:Formatting axis label in high chart using dynamic values使用动态值在高图表中格式化轴标签
【发布时间】:2015-09-14 05:57:12
【问题描述】:

我正在使用高图表来绘制图表。在 x 轴上我正在绘制整数值。我需要使用数据数组中的日期时间来格式化 x 轴标签。 this.point.mydate 在标签格式化程序中不起作用。

   xAxis: {
            tickInterval: 1,  
            min:1,
            max:30,
            allowDecimals: false,
            title: {
                                  text: 'Date'
                            },  
                            labels: {
                formatter: function () { 

                        return Highcharts.dateFormat('%b-%d', this.point.mydate); 

                }
                } 
            },

【问题讨论】:

  • 在标签中您无法访问 this.point,仅适用于刻度对象。请将您的示例重新创建为现场演示,也许tickPositioner 将很有用,以点为单位返回滴答声。
  • @SebastianBochan 看到我需要显示格式化标签而不是 x 轴值。我已经有一个日期数组
  • 您可以使用 tickPositions 作为 xAxis 刻度数组。
  • @SebastianBochan 如果我们用另一个数据字段绘制图形,我们如何将日期时间设置为轴的标签?使用 tickPositions
  • 请将您的示例复制为 jsfiddle.net 上的现场演示。

标签: javascript asp.net c#-4.0 highcharts


【解决方案1】:

您在 xAxis 数据类型中使用了 Date,它应该是 datetime,如下所示。

xAxis: {        
        type: 'datetime',
        labels: {
            formatter: function() {
                return Highcharts.dateFormat('%a %d %b', this.point.mydate);
            }
        }
    }

【讨论】:

  • Khoranjiya 我正在用整数值绘制轴,并希望在日期时间显示轴标签
  • 在什么基础上你想从整数值计算日期
  • 霍兰吉亚函数 seriesItem(){var self= this;self.x= '',self.y= '', self.high=0, self.mydate='',self.total= '',self.color=''} ;我正在用 x 轴上的 self.x 和 y 轴上的 self.y 绘制图表。我在 self.mydate 中有一个日期值。我想在标签中显示这个日期而不是 x 值
  • 您可以使用 HichCharts 的 setCategories() 方法设置自定义标签。 chart.xAxis[0].setCategories(timelines,false);其中时间线是包含您的自定义日期值的数组。
猜你喜欢
  • 1970-01-01
  • 2012-09-04
  • 1970-01-01
  • 1970-01-01
  • 2015-10-18
  • 2020-07-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多