D3.js 如何在Plotly中允许重复标记标签?

D3.js 如何在Plotly中允许重复标记标签?,d3.js,plotly,D3.js,Plotly,我观察到,在提供重复的勾号标签(目的是提及分类变量的类别)时,会创建一个唯一的集合,并仅显示非重复的勾号标签。是否有办法绕过此功能并允许重复标记标签 var data = [ { z: [[1, 20, 30, 50, 1], [20, 1, 60, 80, 30], [30, 60, 1, -10, 20]], x: ['Healthy', 'Healthy', 'Moderate', 'Diseased', 'Diseased'], y: ['Morning', 'Afternoon',

我观察到,在提供重复的勾号标签(目的是提及分类变量的类别)时,会创建一个唯一的集合,并仅显示非重复的勾号标签。是否有办法绕过此功能并允许重复标记标签

var data = [
 {
z: [[1, 20, 30, 50, 1], [20, 1, 60, 80, 30], [30, 60, 1, -10, 20]],
x: ['Healthy', 'Healthy', 'Moderate', 'Diseased', 'Diseased'],
y: ['Morning', 'Afternoon', 'Evening'],
type: 'heatmap'
}
];

Plotly.newPlot('myDiv', data);
以下是描述该问题的JSFIDLE:


使用
勾选文本设置布局:

var layout = {
    xaxis: {
        tickmode: "array",
        ticktext: ['Healthy', 'Healthy', 'Moderate', 'Diseased', 'Diseased'],
        tickvals: [0, 1, 2, 3, 4]
    }
}
以下是演示:

var数据=[{
z:[
[1, 20, 30, 50, 1],
[20, 1, 60, 80, 30],
[30, 60, 1, -10, 20]
],
y:[“上午”、“下午”、“晚上”],
类型:“热图”
}];
变量布局={
xaxis:{
模式:“数组”,
文本:[“健康”、“健康”、“中等”、“患病”、“患病”],
滴答声:[0,1,2,3,4]
}
}
Plotly.newPlot('myDiv',数据,布局)


hi Gerardo,我有另一个查询……我正在将x、y和z值填充到js文件中,以创建上面的图表(使用shell脚本)。考虑到z(数据点)有>500个条目,使用事件触发器加载/编辑绘图需要一些时间。因此,如果不直接将值填充到数组中,而是从文件(csv)导入数据,这是否有助于减少加载/重新加载的时间?如果是的话,如果您能解释一下如何使用外部文件在plotly中创建热图,我将不胜感激。(我参考了此来源以获取提示:但我对创建适合热图输入的阵列感到惊讶)。请原谅我缺乏js/D3技能。我还在学习。Thanks@NaSu恐怕我帮不了你,因为我从来没有刻意使用过,我是d3编码器,我只是回答了这个问题,因为它有d3标签。嗯,我不认为500个数据点会显著降低浏览器的速度。。。无论如何,最好的办法是发布另一个关于这个问题的问题,这样用户就可以帮助你了。