如何使用angularjs在日期图表之间显示

时间:2019-03-15 07:36:38

标签: javascript jquery angularjs json amcharts

在我的要求中,我需要显示详细信息,这意味着文档的开始日期和到期日期都是这样。我正在使用图表,但是无法在日期之间显示详细信息。

下面是我的代码:

var chart = AmCharts.makeChart("chartdiv", {
  "theme": "none",
  "type": "serial",
  "startDuration": 2,
  "dataProvider": [{
    "country": "20-10-05,
    "visits": "15-03-03",
    "color": "#FF0F00"
  }, {
    "country": "15-03-03",
    "visits": "20-10-05,
    "color": "#FF6600"
  }],
  "valueAxes": [{
    "position": "left",
    "axisAlpha": 0,
    "gridAlpha": 0
  }],
  "graphs": [{
    "balloonText": "[[category]]: <b>[[value]]</b>",
    "colorField": "color",
    "fillAlphas": 0.85,
    "lineAlpha": 0.1,
    "type": "column",
    "topRadius": 1,
    "valueField": "visits"
  }],
  "depth3D": 40,
  "angle": 30,
  "chartCursor": {
    "categoryBalloonEnabled": false,
    "cursorAlpha": 0,
    "zoomable": false
  },
  "categoryField": "country",
  "categoryAxis": {
    "gridPosition": "start",
    "axisAlpha": 0,
    "gridAlpha": 0
  },
  "export": {
    "enabled": true
  }
}, 0);
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />

<div id="chartdiv"></div>

0 个答案:

没有答案