【发布时间】：2018-09-12 05:57:18
【问题描述】：
我正在制作一天所吃水果的图表，在下面的示例中效果很好。
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"hideCredits": true,
"fixedColumnWidth": '10px',
"legend": {
"horizontalGap": 10,
"maxColumns": 1,
"position": "right",
"useGraphSettings": true,
"markerSize": 10
},
"dataProvider": [{
"creationDate": "04/09/18",
"Banana": 1,
"Apple": 13,
"Grapes": 24
},
{
"creationDate": "06/09/18",
"Banana": 10,
"Apple": 13,
"Grapes": 24
},
{
"creationDate": "08/09/18",
"Banana": 11,
"Apple": 13,
"Grapes": 24
},
{
"creationDate": "09/09/18",
"Banana": 1,
"Apple": 50,
"Grapes": 24
},
],
//"gridAboveGraphs": true,
"startDuration": 1,
"valueAxes": [{
"stackType": "regular",
"axisAlpha": 0.3,
"gridAlpha": 0,
"minimum": 0,
"maximum": 50,
"gridCount": 1
}],
"graphs": [{
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillColors": "#47b012",
"lineColor": "#47b012",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Grapes Eaten",
"type": "column",
"color": "#000000",
"valueField": "Grapes",
"fixedColumnWidth": 25
}, {
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillColors": "#fff138",
"lineColor": "#fff138",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Banana Eaten",
"type": "column",
"color": "#000000",
"valueField": "Banana",
"fixedColumnWidth": 25
}, {
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillColors": "#dd111b",
"lineColor": "#dd111b",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Apples Eaten",
"type": "column",
"color": "#000000",
"valueField": "Apple",
"fixedColumnWidth": 25
}],
"categoryField": "creationDate",
"categoryAxis": {
"gridPosition": "start",
"axisAlpha": 0,
"gridAlpha": 0,
"position": "left",
"labelRotation": 80,
},
});#chartdiv {
width: 100%;
height: 500px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv"></div>日期 05-09-2018 和 07-09-2018 数据不在 dataprovider 字段中，所以我希望它自动填充到图表中。
【问题讨论】：
-
很确定 AmCharts 只会使用提供的值填充图表，因此您需要做的就是在 dataProvider 中添加这些日期并将它们的值设置为 0
-
我知道@SmokeyDawson 但有什么方法或功能可以提供帮助吗？
标签： javascript jquery html css amcharts