Javascript amCharts日期时间值问题，无法设置hh:mm时间
我是amCharts的新手，创建GantCharts和其他。我正在尝试创建甘特图，并为每列设置一些时间值。所以我可以用这些线条来创作Javascript amCharts日期时间值问题，无法设置hh:mm时间,javascript,charts,amcharts,gantt-chart,Javascript,Charts,Amcharts,Gantt Chart,我是amCharts的新手，创建GantCharts和其他。我正在尝试创建甘特图，并为每列设置一些时间值。所以我可以用这些线条来创作 { "category": "Planned", "segments": [ { "start": 8, "duration": 9, "color": "#46615e", "task": "Order"
{
"category": "Planned",
"segments": [ {
"start": 8,
"duration": 9,
"color": "#46615e",
"task": "Order"
} ,{
"start": 18,
"duration": 1,
"color": "#46615e",
"task": "Order"
} ,{
"start": 20,
"duration": 1,
"color": "#46615e",
"task": "Order"
}
]
}
<!-- Styles -->
<style>
#chartdiv {
width: 100%;
height: 500px;
}
</style>
<!-- Resources -->
<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/gantt.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.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" />
<!-- Chart code -->
<script>
var chart = AmCharts.makeChart( "chartdiv", {
"type": "gantt",
"theme": "dark",
"marginRight": 70,
"period": "hh",
"dataDateFormat":"YYYY-MM-DD hh:nn",
"balloonDateFormat": "JJ:NN",
"columnWidth": 0.5,
"valueAxis": {
"type": "date",
"parseDates": true,
"minPeriod": "mm"
},
"brightnessStep": 0,
"graph": {
"fillAlphas": 0.5,
"balloonText": "<span style='font-size:11px'>[[category]] -> [[task]]</span>",
"labelText": "[[task]]",
"labelPosition": "left",
"labelOffset": 0,
},
"rotate": true,
"categoryField": "category",
"segmentsField": "segments",
"colorField": "color",
"startDate": "2018-10-02 00:00",
"startField": "start",
"endField": "end",
"durationField": "duration",
"dataProvider": [ {
"category": "",
"segments": [ {
"start": 7,
"duration": 17,
"color": "#fff"
} ]
}, {
"category": "Column A",
"segments": [ {
"start": 8,
"duration": 9,
"color": "#46615e",
"task": "Order"
} ,{
"start": 19,
"duration": 1,
"color": "#46615e",
"task": "Order"
} ,{
"start": 21,
"duration": 1,
"color": "#46615e",
"task": "Order"
}
]
}, {
"category": "Column B",
"segments": [ {
"start": 8,
"duration": 8,
"color": "#8dc49f",
"task": "Order"
}, {
"start": 17,
"duration": 2,
"color": "#8dc49f",
"task": "Order"
}, {
"start": 20,
"duration": 2,
"color": "lightblue",
"task": "Order"
} ]
}],
"chartCursor": {
"cursorColor":"#55bb76",
"valueBalloonsEnabled": false,
"cursorAlpha": 0,
"valueLineAlpha":0.5,
"valueLineBalloonEnabled": true,
"valueLineEnabled": true,
"zoomable":false,
"valueZoomable":true
}
} );
</script>
<!-- HTML -->
<div id="chartdiv"></div>
#沙特迪夫{
宽度：100%；
高度：500px；
}
var chart=AmCharts.makeChart（“chartdiv”{
“类型”：“甘特图”，
“主题”：“黑暗”，
“marginRight”：70，
“期间”：“hh”，
“数据日期格式”：“YYYY-MM-DD hh:nn”，
“BalloodDateFormat”：“JJ:NN”，
“柱宽”：0.5，
“valueAxis”：{
“类型”：“日期”，
“parseDates”：正确，
“minPeriod”：“mm”
},
“brightnessStep”：0，
“图形”：{
“填充字母”：0.5，
“气球文本”：“[[类别]]->[[任务]]”，
“labelText”：“[[task]]”，
“标签位置”：“左”，
“labelOffset”：0，
},
“旋转”：正确，
“类别字段”：“类别”，
“分段字段”：“分段”，
“颜色字段”：“颜色”，
“起始日期”：“2018-10-02 00:00”，
“startField”：“开始”，
“结束字段”：“结束”，
“durationField”：“duration”，
“数据提供者”：[{
“类别”：“，
“分部”：[{
“开始”：7，
“期限”：17，
“颜色”：“fff”
} ]
}, {
“类别”：“A列”，
“分部”：[{
“开始”：8，
“持续时间”：9，
“颜色”：“#46615e”，
“任务”：“订单”
} ,{
“开始”：19，
“期限”：1，
“颜色”：“#46615e”，
“任务”：“订单”
} ,{
“开始”：21，
“期限”：1，
“颜色”：“#46615e”，
“任务”：“订单”
}
]
}, {
“类别”：“B列”，
“分部”：[{
“开始”：8，
“持续时间”：8，
“颜色”：“8dc49f”，
“任务”：“订单”
}, {
“开始”：17，
“期限”：2，
“颜色”：“8dc49f”，
“任务”：“订单”
}, {
“开始”：20，
“期限”：2，
“颜色”：“浅蓝色”，
“任务”：“订单”
} ]
}],
“图表光标”：{
“cursorColor”：“55bb76”，
“ValueBallodesEnabled”：false，
“cursorAlpha”：0，
“valueLineAlpha”：0.5，
“ValueLineBalloodEnabled”：true，
“valueLineEnabled”：true，
“可缩放”：错误，
“valueZoomable”：真
}
} );
由起始字段和结束字段映射的值仅接受数值。如果要设置时间，必须通过startDateField和endDateField使用日期
"startDateField": "start",
"endDateField": "end",
"dataProvider": [ {
// ...
"segments": [ {
"start": "2016-01-01 08:18",
"end": "2016-01-11 18:18",
检查。虽然它只使用日期，但您可以提供与您的dataDateFormat匹配的datetime。使用字符串
'08:18'但未执行