Highcharts 高位图表-标题位于x轴和y轴的气泡图-错误14

Highcharts 高位图表-标题位于x轴和y轴的气泡图-错误14,highcharts,bubble-chart,Highcharts,Bubble Chart,我正在寻找一种方法来显示以下情况下的Highcharts气泡图: 我想在X轴项目a、项目b上显示项目名称,在y轴上显示团队成员名称,例如tom、bill、john。气泡旨在可视化每个团队成员在每个项目上花费的时间 数据系列应该类似于['project a'、'tom',25.0]、'project b'、'john',12.5]…,但尝试此操作会导致Highcharts错误14:发送到series.data的字符串值,预期数字 是否可以使用x轴和y轴上的字符串值而不是数字的Highcharts

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

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

数据系列应该类似于['project a'、'tom',25.0]、'project b'、'john',12.5]…,但尝试此操作会导致Highcharts错误14:发送到series.data的字符串值,预期数字

是否可以使用x轴和y轴上的字符串值而不是数字的Highcharts bubble/3d bubble图表,或者是否有方法实现类似的功能

任何指导都将不胜感激

谢谢。

我在这里做了一些应该对你有帮助的事情

x轴和y轴上的标签是使用formatter函数计算的,该函数将数字项目代码和人员代码从数组转换为文本

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]
            }
        }
    },
如果您无法更改数据的格式,您可以在数据数组中迭代,建立项目名称和员工名称的映射,以创建数据的数字版本以及映射数组。

我在这里做了一些应该对您有所帮助的事情

x轴和y轴上的标签是使用formatter函数计算的,该函数将数字项目代码和人员代码从数组转换为文本

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]
            }
        }
    },

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

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


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

您所说的只是类别轴-不需要技巧


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

非常感谢,这更容易使用!我使用这样的数据:序列:[{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轴:{categories:['project1','project2','project3']},但是dosent work显示x值。如果您在x轴上使用类别,我可以做什么,这些将是您的x轴值。如果您想在数据中显示x值,请删除类别。非常感谢,这样更易于使用!我使用这样的数据:序列:[{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轴:{categories:['project1','project2','project3']},但是dosent work显示x值。如果您在x轴上使用类别,我可以做什么,这些将是您的x轴值。如果要在数据中显示x值,请删除类别。