2016-06-18 8 views
1

ハイチャートを使用してチャートを作成しました。 X軸上に線を描くように描かれています。私は私のコードはここデフォルトの代わりに反対側にプロットラインのテキストスタイルを与える方法

plotLines: [{ 
       value: pur_time, 
       width: 2 , 
       color: '#656568', 
       dashStyle: 'dash', 
       id: 'plotline', 
       label: { 
          text: 'Purchase deadline', 
          style: { 
          color: '#656568', 
          fontWeight: 'bold' 
          } 
         } 
      },{ 
       value: exp_time, 
       width: 2 , 
       color: '#A28F29', 
       id: 'plotline1', 
       label: { 
          text: 'Expiration time', 
          opposite: true, 
          style: { 
          color: '#686A3B', 
          fontWeight: 'bold' 
          } 
         } 
      }] 

ある

デフォルトの代わりに、反対側のプロットラインを表示したいと思い、私は実際に期待していますどのように

enter image description here

を取得し、どのようなサンプルであります見えるのは

enter image description here

答えて

2

プロットラインラベルのrotation属性を試してください(http://api.highcharts.com/highcharts#xAxis.plotLines.label.rotation参照)。

は、私はあなたがする探しているものと一致するようにAPIドキュメントでデモフィドルを変更: http://jsfiddle.net/brightmatrix/kuyy5p6f/

  label: { 
      text: 'Plot line', 
      verticalAlign: 'middle', 
      textAlign: 'center', 
      rotation: 270, 
      x: -5 
      } 

をこの場合、私はそれを裏返し、とのx値を設定する270からrotationを設定しました-5を押して左に押し出します。

私はこれが役に立ちそうです!

+0

ありがとうたくさんの男 – Pilaventhiran

関連する問題