座標空間の起点

座標空間を次のコード（JSBin）で描画します。私が理解していないのは、なぜ（-1.7、0）が起源にないのでしょうか？原点は現時点で（-1.675、-0.25）を表しているようですが、これは私が望むものではありません。座標空間の起点

<!DOCTYPE html> 
<html> 
<body> 
    <script src="https://code.highcharts.com/highcharts.js"></script> 
    <script src="https://code.highcharts.com/highcharts-more.js"></script> 
    <script src="https://code.highcharts.com/modules/exporting.js"></script> 
    <div id="container" style="height:400px;margin:1.5em 1em;"></div> 

    <script> 
    var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo:'container', 
     type:'area' 
    }, 
    credits: false, 
    legend: false, 
    title: { text:"" }, 
    tooltip: {}, 
    plotOptions: { 
     series: { 
     color:'rgba(156,156,156,.9)', 
     fillColor:'#ffffff', 
     lineWidth:1, 
     marker: { 
      enabled:false, 
      states: { 
      hover: { 
       enabled:false 
      } 
      } 
     } 
     } 
    }, 
    xAxis: { 
     tickmarkPlacement:'on', 
     categories:[-1.7, -1.65, -1.6, -1.55, -1.5, -1.45, -1.4, -1.35, -1.3] 
    }, 
    yAxis: { 
     title: { text: "x 10000", rotation: 0, y: 0, x:10, margin: -40, align: 'high'}, 
     tickLength: 10, 
     tickWidth: 1, 
     lineWidth: 1, 
     tickmarkPlacement:'on', 
     gridLineColor:'#ffffff', 
     categories:[0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5] 
    }, 
    series:[{ 
     data:[[1,1],[1,3],[2,3],[2,1],[1,1]] 
    }]  
    }); 
    </script> 
</body> 
</html>

出典

2017-10-30 SoftTimur

デフォルトでは、ハイチャートは両方の軸の極値を自動的に計算します。プロットに最初のカテゴリ（例では1.7）に近い値がない場合、最小極値を設定するためには使用されません。手動で両極端を設定するminとmaxプロパティを使用することができます。

xAxis: { 
    tickmarkPlacement:'on', 
    categories:[-1.7, -1.65, -1.6, -1.55, -1.5, -1.45, -1.4, -1.35, -1.3], 
    min: 0, 
    max: 8 
};

私はこのケースでカテゴリを使用すると、悪い考えだと思います。カテゴリは、ハイチャートの軸ラベル、データラベル、ツールチップなどのフォーマット方法に関する情報に過ぎません。カテゴリの実際のy軸値は配列内のインデックスです。だから、このようなカテゴリを作成する場合：

categories:[-1.7, -1.65, -1.6, -1.55, -1.5, -1.45, -1.4, -1.35, -1.3]

彼らは文字列として扱われるだろうとその数値は0、1、2、3 ...あなたが作成したときに

手段でありますこのオプションのポイント：{x: 0, y: 5}これは-1.7カテゴリを上回ります。非常に混乱します。

あなたは（ないcategories配列）以下のオプションを使用して、軸の数値を操作する必要があります。

出典

2017-10-30 12:22:43

答えて

関連する問題