2016-07-20 6 views
2

イメージごとに1番目と3番目の列のみにラベルが表示されますどのようにすべての列にラベルを付けることができますか?私は下に画像を添付しました。amchartsを使用してすべてのラベルを追加できません

JavaScriptコード:

<div id="chartdiv1"></div> 

グラフイメージ

Here is **Graph image:**

:ここ

<script type="text/javascript"> 

var chart; 

var chartData = [ { 
    "month": "JAN", 
    "scores": 200, 
    "color": "#CD0D74" 
}, { 
    "month": "FEB", 
    "scores": 700, 
    "color": "#FF6600" 
}, { 
    "month": "MAR", 
    "scores": 800, 
    "color": "#FCD202" 
}, { 
    "month": "APR", 
    "scores": 990, 
    "color": "#04D215" 
} ]; 


var chart = AmCharts.makeChart("chartdiv1", { 
    "theme": "light", 
    type: "serial", 
    dataProvider: chartData, 
    categoryField: "month", 
    "startDuration": 1, 
    categoryAxis: { 
    labelRotation: 90, 
    gridPosition: "start" 
    }, 


    graphs: [ { 

    valueField: "scores", 
    colorField: "color", 
    type: "column", 
    lineAlpha: 0.1, 
    fillAlphas: 1 
    } ], 

    chartCursor: { 
    cursorAlpha: 0, 
    zoomable: false, 
    categoryBalloonEnabled: false 
    }, 
    export: { 
    enabled: true 
    } 
}); 
</script> 

HTMLコードです

これを解決するために私を助けてください。前もって感謝します。

答えて

0

JSFiddleでコードをテストしたところ、すべてのラベルが表示されていますが、イメージの例とは異なるチャートデータがあります。

https://jsfiddle.net/hfqcvauv/

CSSは、月が第二及び第四のchartdataために挿入されていないせいか、画像の例に基づく

#chartdiv1 { 
    width: 100%; 
    height: 500px; 
}  

を表示するグラフの追加しましたか?

+0

ありがとうございます。本当に私は愚かな間違いを犯しました!!! – Akshay

関連する問題