Highcharts - 包括 javascript 功能的 Highroller答案

【问题标题】：Highcharts - Highroller including javascript functionHighcharts - 包括 javascript 功能的 Highroller
【发布时间】：2013-03-18 08:22:36
【问题描述】：

我将 highcharts 与 high roll 结合使用来呈现图表。

要为豪客赛中的图表定义属性通常非常简单：

$this->chart->xAxis->labels->rotation= 55;
$this->chart->xAxis->labels->align= 'left';

变成这样：

"labels":{"rotation":55,"align":"left"}

问题是我想包含一个 js 函数，像这样：

events: {
    load: Highcharts.drawTable
},

问题是，如果我包含一个函数，就像我对任何其他属性所做的那样，highroller 会将它用引号括起来。我认为它这样做是因为它在技术上是一个字符串。对于整数，似乎 highcharts 删除了引号。

简短的问题：如何在事件中添加功能->使用 highroller 加载。

我想用它来呈现带有图表的数据表。

【问题讨论】：

标签： javascript jquery highcharts

【解决方案1】：

虽然与加载函数不太一样，但 Highroller 有一个如何添加工具提示格式化程序函数的示例。同样的方法应该适用于加载函数。基本方法是在 javascript 中而不是在 php 中添加函数。 https://github.com/jmaclabs/HighRoller/blob/master/README.md

var myChartOptions = <?php echo $linechart->getChartOptionsObject()?>

  // define your own formatter for tooltip
  myChartOptions.tooltip.formatter = function() {
  return '<b>' + this.series.name + '</b><br/>' +
      Highcharts.dateFormat('%b %e', this.x) + ': ' + Highcharts.numberFormat(this.y, 0, ',') + ' views';
  };

【讨论】：

【解决方案2】：

代码进入引号是因为 json 编码函数在 eeeeeverything 周围加上引号。

由于 highroller 不再处于开发阶段，因此我冒昧地在 highroller 中添加了自定义部分，并在给出参数时删除了引号。

【讨论】：