如何创建一个以X和Y为字符串的图表?

时间:2016-01-12 16:45:03

标签: javascript highcharts

我希望X轴是作业描述列表,Y轴是工作者名称列表。像这样:

enter image description here

我正在尝试做这样的事情:

var categoriesX = ["Job1", "Job2", ...];
var categoriesY = ["Dude1", "Dude2", ...];
$(chartId).highcharts({
    // Don't know what kind of chart I should use
    ...
    xAxis: {
        categories: categoriesX,    
        title: {
            text: null
        }
    },
    yAxis: {
        categories: categoriesY,
        title: {
            text: null,
        },
    }
    ...
}

但是,如果(x,y)x是字符串,我如何使用y表示法呈现值。它可以吗?有更好的方法吗?

注意:

我知道我可以使用某种动态HTML表格来完成此操作,但我在同一页面中有其他图表,我希望这个图表也是图表。

关于西班牙语Stack Overflow的

Cross-post

1 个答案:

答案 0 :(得分:1)

好的,答案是通过answer Javier Cárdenas向我提供西班牙语中的SO。

使用heatmap类型的图表:

enter image description here

这里是fiddle