2016-11-20 3 views
0

リアルタイムのフロートチャートにラベルを追加しようとしています。チャートは表示されていますが、ラベルはありません。リアルタイムのフロチャートにラベルが表示されない

オリジナルコード:

var plot = $.plot("#placeholder", [ getRandomData() ], { 
       series: { 
        shadowSize: 0, 
        lines: { show: true, fill: true} 
       }, 
       yaxis: { 
        min: 0, 
        tickDecimals:0 

       }, 
       xaxis: { 
        show: false 
       } 
      }); 

私はこれを試してみました:私は間違って

var plot = $.plot("#placeholder", [{ label: "Axis title", data: getRandomData() }], { 
       series: { 
        shadowSize: 0, 
        lines: { show: true, fill: true} 
       }, 
       yaxis: { 
        min: 0, 
        tickDecimals:0 

       }, 
       xaxis: { 
        show: false 
       } 
      }); 

何をしているのですか?

ありがとうございます!

+0

コンソールにエラーがありますか? –

+0

いいえ、全くエラーはありません。 – Shaked

答えて

0

Flotは軸ラベルをサポートしていません(ただし、これはv0.9にあるようです)。

flot-axislabels pluginがありますが、軸ラベルをレンダリングするために使用できます。それ以外の場合は、x軸(う

xaxes: [{ 
    axisLabel: 'My Label', 
}], 

いますが、元のコードから次を削除する必要があります:あなたは、あなたはFLOTオプションに以下を追加することができ、この依存関係を含めるようにソースコードを変更する必要がありますレンダリングされません):

xaxis: { 
    show: false 
} 

私はこれを実証するFiddleを作成しました。これは、x軸ティックを表示することに注意してください。あなたはx軸の目盛りを削除するが、それでもあなたは次のオプションを追加することができますラベルを表示したい場合は、次の

xaxis: { 
    tickFormatter: function(val, axis) { return ''} 
} 

このFiddleは、x軸ラベルでレンダリングされたグラフを示していますが、何のx軸は目盛りません。

+0

すばらしい、ありがとう! – Shaked

関連する問題