1

我正在寻找一种方法来显示以下情况的 Highcharts 气泡图：

我想在 X 轴上显示项目名称（“项目 a”、“项目 b”）和在 y 轴上显示团队成员名称（例如“tom”、“bill”、“john”）。气泡旨在可视化每个团队成员在每个项目上花费的时间。

数据系列应该类似于 ['project a', 'tom', 25.0], ['project b', 'john', 12.5]...，但尝试这样做会导致“Highcharts Error #14: String value sent到 series.data，预期数字“

是否有可能在 x 轴和 y 轴上使用字符串值而不是数字的 Highcharts 气泡/3d 气泡图，或者有没有办法实现类似的东西？

任何指导将不胜感激。

谢谢。

4

2 回答 2

7

您所说的只是分类轴 - 不需要任何技巧。

http://jsfiddle.net/jlbriggs/36zn2/1/

       xAxis: {
            categories:['Project 1', 'Project 2', 'Project 3']
        },
       yAxis: {
           categories:['User 1', 'User 2', 'User 3']
        },

要在数据中使用的数值是类别的数组索引。

于 2013-04-10T12:21:13.843 回答
1

我在这里做了一些事情http://jsfiddle.net/36zn2/这应该可以帮助你。

x 和 y 轴上的标签是使用格式化程序函数计算的，该函数将数字项目代码和人员代码转换为数组中的文本。

var names = ["DAVE","JOHN"];
var projects = ["Project 1","Project 2"];


    xAxis: {
        labels: {tickInterval:1,
            formatter: function () {
                return projects[this.value]
            }
        }
    },

    yAxis: {
        labels: {
            formatter: function () {
                return names[this.value]
            }
        }
    },

如果您无法更改数据的格式，您可以遍历数据数组，建立项目名称和员工姓名的映射，以创建数据的数字版本以及映射数组。

于 2013-04-10T08:24:36.733 回答