amcharts在酒吧内显示价值

时间:2014-08-12 18:02:33

标签: javascript json angularjs charts amcharts

我正在使用amCharts,我想在条形图中显示值

这就是目前的情况: Current state of the charts

我希望它像这样: Expected state of the chart

这是我显示图表的代码:

AmCharts.ready(function() {

    generateWidgetData('week');
    // SERIAL CHART
    chart = new AmCharts.AmSerialChart();
    chart.dataProvider = graphData;
    chart.categoryField = 'date';
    chart.startDuration = 1;
    chart.columnWidth = 0.60;
    chart.dataDateFormat = 'YYYY-MM-DD';
    chart.startEffect = 'easeInSine';
     chart.stackType =  'regular';
    // AXES
    // category
    var categoryAxis = chart.categoryAxis;
    categoryAxis.parseDates = true;
    categoryAxis.minPeriod = 'DD';
    categoryAxis.plotAreaBorderAlpha = 0.01;
    categoryAxis.labelRotation = 90;
    categoryAxis.axisThickness = 0;
     categoryAxis.stackType =  'regular';
    categoryAxis.gridThickness = 0;

    categoryAxis.inside = false;
    //categoryAxis.gridPosition = 'start';
    //categoryAxis.startDate = '2014-05-08';


    // value
    // in case you don't want to change default settings of value axis,
    // you don't need to create it, as one value axis is created automatically.

    // GRAPH
    var graph = new AmCharts.AmGraph();
    graph.maxColumns = 1;
    graph.valueField = 'Self-entered';
    graph.balloonText = '[[category]]: <b>[[value]]</b>';
    graph.type = 'column';
    graph.lineAlpha = 0;
    graph.labelText =  '[[value]]';     
    graph.fillAlphas = 0.8;
    graph.stackType = 'regular';                    
    chart.addGraph(graph);
    graph.cornerRadiusTop = 8;

    // CURSOR
    var chartCursor = new AmCharts.ChartCursor();
    chartCursor.cursorAlpha = 0;
    chartCursor.zoomable = false;
    chartCursor.categoryBalloonEnabled = false;
    chart.addChartCursor(chartCursor);

    chart.creditsPosition = 'top-right';

    chart.write('stepschart');
});

提前致谢。

1 个答案:

答案 0 :(得分:10)

我修好了这个,所以我会发布回答,也许这对某人有帮助

它非常简单,你需要做的就是添加两行代码:

graph.labelText =&#39; [[value]]&#39 ;; //这会在标签中插入值 graph.labelPosition =&#39; inside&#39 ;; //并且我们将标签放在栏中

希望这对那些也需要做同样事情的人有所帮助