HighCharts生成表

我真的需要帮助

基于此，我正在尝试从高位图表生成表格

在这个表中生成的是ok，但我需要数据值是文本格式，而不是数字格式

我认为这一行的格式需要更改，但我不确定

Highcharts.numberFormat(series[i].data[category_index].y, valueDecimals) + valueSuffix, 

---

有可能做到这一点吗？

无法用文本替换数据值并显示它的原因是，您将数据类型定义为十进制，并使用

Highcharts.numberFormat

将y值转换为十进制。由于您试图输入文本，因此无法将字符串格式化为十进制，因此它为空。现在，您不能简单地取出

Highcharts.numberFormat

调用并进行此工作。HighCharts数据系列需要数字y值。因此，为了满足您的需要，我们使用了一个名为

Note

的未记录点属性

这是我的尝试。 如果您只想使用HighCharts在SVG/VML中创建一个表，那么可以执行以下操作。 创建如下数据系列：

{
        name: 'Tokyo',
        data: [{
            y: 7.0,
            Note: 'note 1'},
        {
            y: 6.9,
            Note: 'note 2'},
        {
            y: 9.5,
            Note: 'note 3'},
        {
            y: 14.5,
            Note: 'note 4'},
        {
            y: 18.2,
            Note: 'note 5'},
        {
            y: 21.5,
            Note: 'note 6'},
        {
            y: 25.2,
            Note: 'note 7'},
        {
            y: 26.5,
            Note: 'note 8'},
        {
            y: 23.3,
            Note: 'note 9'},
        {
            y: 18.3,
            Note: 'note 10'},
        {
            y: 13.9,
            Note: 'note 11'},
        {
            y: 9.6,
            Note: 'note 12'}
                                        ],
        visible: false}

现在，您将不再在

y

值上循环，而是在

注释

项上循环，就像您之前只在删除数字内容的情况下循环：

$.each(series, function(i) {
    renderer.text(series[i].data[category_index].Note, cellLeft + colWidth - cellPadding, tableTop + (i + 2) * rowHeight - cellPadding).attr({
        align: 'right'
    }).add();
});

---

下面是一个示例（仅更新了一个系列以使用

注释

语法，但您明白了）。

您需要文本中的数据值-这意味着什么？“9.5 C”怎么不是文本？C是通过数据函数添加的valueSuffix。我需要的是格式化数据，以便在序列数据中使用文本而不仅仅是数字。所以东京将有“一”、“二”、“9.5”等选项。。。等等，witch在curent脚本中不可用。@Ivan，仍然不清楚JSFIDLE中显示的“7.0 C”如何不满足您的要求。“7.0 C”的预期文本是什么？好的，我会再试一次。。。我需要在表中显示城市。。。名字。。。文字，并且使用此脚本设置无法完成。。。现在，可以只输入数字作为每组的数据值（东京、纽约、柏林）。。。转到Fiddle并尝试在中输入任何文本（数据：[23,6.9,9.5…]），我不需要文本格式的文本。。。我根本不需要摄氏度，忘了摄氏度吧。。。它只是一把小提琴example@Ivan好吧，这更有意义。然而，你不能这样做。序列数据中的值必须是数字格式，而类别可以是文本。您是否尝试过显示类别文本？“我正在寻找另一种可能的方式。”强尼，三年来发生了很多变化。不过，基本代码应该为您指明正确的方向。这是一个活生生的工作示例：。请注意，我并没有呈现图形，只有东京有添加到表中的

Note

项。