0

正の値と負の値の両方を含む縦棒グラフがハイ チャートにあります。値 0 で表示する xAxis ラインが必要です。ただし、これを実現するためのプロパティが HighCharts API に見つかりません。デフォルトでは、xAxis ラインはチャートの下部または最も負の値に表示されます。

ここで私の例をチェックしてください: http://jsfiddle.net/csallemi/HStha/15/。この例では、x 軸は -2% です。0% の値で表示する必要があります。

必要な列グラフを取得する Javascript HighChart オブジェクトを次に示します。

var YTD = 'YTD'
var yr1 = 'Year 1'
var yr3 = '*3 Year'
var yr5 = '*5 Year'
var sinceIN = '* Since Inception (5/31/2012)'

$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
   chart: {renderTo: 'container', type: 'column'},
   title: {text: 'Report Title', style: {fontSize: '18px', color: '#1D5293', fontWeight: 'bold'}, },
   subtitle: {text: '(As of 6/30/2012)', style: {fontSize: '18px', color: '#1D5293'}, y: 40},
   xAxis: {categories: [YTD, yr1, yr3, yr5, sinceIN], lineColor: '#C1BADB', tickWidth: 2},
   yAxis: {title: {text: ''},
           lineColor: '#C1BADB',
           lineWidth: 1,
           labels: {formatter: function() {return this.value+'%';}},
           gridLineWidth: '0px',
           tickWidth: 2            

          },
   tooltip: {enabled: true, formatter: function() {return this.series.name +': '+ this.y +'%';},},
  credits: { enabled: false },
  series: [
      {name: 'XXX Company Ltd. (Net)', data: [3.02, -0.61, 2.03, 1.51, 5.35], dataLabels: {enabled: true, color: '#333', formatter: function(){return this.y+'%'}}, color: '#1D5293'},
      {name: 'XXX Relative Return Index (Gross)**', data: [2.45, 0.85, 4.11, 0.73, 3.56], dataLabels: {enabled: true, color: '#333', formatter: function(){return this.y+'%'}}, color: '#9E9E9E'}
      ],
   legend: {layout: 'vertical', align: 'top', verticalAlign: 'top', x: 50, y: 65, borderWidth: 0, margin: 30},
  });
});

});
4

1 に答える 1

0

設定

yAxis:{
    min: 0
},

私はあなたのフィドルを更新しましたhttp://jsfiddle.net/HStha/25/

これが役に立つことを願っています

于 2013-04-26T12:00:52.863 に答える