2016-12-23 28 views
1

重複したティックラベル(カテゴリ変数のクラスに言及することを目的として)を提供する一方で、プロットしてユニークなセットを作成し、非繰り返しティックラベルのみを表示することがわかりました。この機能をバイパスし、目盛りのラベルを二重にする方法はありますか?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', 'Evening'], 
type: 'heatmap' 
} 
]; 

Plotly.newPlot('myDiv', data); 

次の問題を描いたjsfiddleです:

ticktextでレイアウトを設定

https://jsfiddle.net/mam8sgwx/

答えて

1

:ここ

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

はデモです:

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

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

 
Plotly.newPlot('myDiv', data, layout);
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<body> 
 
<div id="myDiv"></div>

+0

HIヘラルド、 Iは、別のクエリを持っていた...私は(シェル・スクリプトを使用して)上記チャートを作成するためのJSファイル内のx、y及びzの値を移入しています。 z(データポイント)の> 500エントリがあるという事実を考慮すると、プロットはイベントトリガを使用してロード/編集するのに時間がかかります。 したがって、値を配列に直接取り込む代わりに、ファイル(csv)からデータをインポートすると、読み込み/再レイアウトの時間が短縮されますか? ヒットマップをプロットして作成するために外部ファイルを使用する方法について説明していただければ幸いです。 –

+0

(このヒントはhttps://plot.ly/javascript/ajax-call/を参照していますが、ヒートマップ入力に適した配列の作成に苦しんでいます)。 JS/D3でスキルが不足しています。私はまだ学んでいます。ありがとう –

+0

@NaSu私はあなたを助けることができないのではないかと心配しています。なぜなら私はまったく使われていないからです。私はd3コーダーです。まあ、私は500データポイントは、ブラウザを著しく遅くするためのものではないと思います...とにかく、この問題に関する別の*質問を投稿するのがベストなアイデアです。 –

関連する問題