Highcharts - x 轴和 y 轴标题的气泡图 - 错误 #14答案

【问题标题】：Highcharts - bubble chart with titles at x- and y-Axis - Error #14Highcharts - x 轴和 y 轴标题的气泡图 - 错误 #14
【发布时间】：2013-04-10 07:49:22
【问题描述】：

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

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

数据系列应该类似于 ['project a', 'tom', 25.0], ['project b', 'john', 12.5]...，但尝试这样做会导致“Highcharts 错误 #14：发送到 series.data 的字符串值，预期为 Number"

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

任何指导将不胜感激。

谢谢。

【问题讨论】：

标签： highcharts bubble-chart

【解决方案1】：

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

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

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

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

【讨论】：

非常感谢，这更容易使用！
我使用这样的数据： series: [ { data: [ { x: 3.5, y: 4, z: 5, color: 'blue' }, { x: 7, y: 7 , z: 3, color: 'blue' }, { x: 4, y: 8, z: 6, color: 'blue' } ] } ] 我想像你说的那样设置 x 轴 xAxis: { categories:[ 'Project 1', 'Project 2', 'Project 3'] }，但 dosent 工作显示 x 值。我能做什么
如果您在 x 轴上使用类别，这些将是您的 x 轴值。如果您想在数据中显示 x 值，请删除类别。

【解决方案2】：

我在这里做了一些事情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]
            }
        }
    },

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

【讨论】：