Javascript 在Amcharts中,初始图像未显示在趋势线顶部
我尝试使用趋势线的属性将图像放置到趋势线的开头。但它并没有达到趋势线的起点 代码如下:Javascript 在Amcharts中,初始图像未显示在趋势线顶部,javascript,charts,amcharts,Javascript,Charts,Amcharts,我尝试使用趋势线的属性将图像放置到趋势线的开头。但它并没有达到趋势线的起点 代码如下: "trendLines": [ { "initialDate": "2017-10-26 18:52:13", "initialValue": 0, "lineColor": "#CC0000", "initialImage": { "svgPath": "M6.84,25.682L24.316,15.5L6.684,5.318V25.682z", "c
"trendLines": [ {
"initialDate": "2017-10-26 18:52:13",
"initialValue": 0,
"lineColor": "#CC0000",
"initialImage": {
"svgPath": "M6.84,25.682L24.316,15.5L6.684,5.318V25.682z",
"color": "#050",
"width": 13,
"height": 13,
"rotation": 90,
"offsetX": 4,
"offsetY": -17,
"balloonText": "2017-10-26 11:52:43"
},
"finalDate": "2017-10-26 18:52:13",
"finalValue": 80
}],
以下是。
初始图像
放置在由初始值
和初始日期
定义的位置,因此它实际上放置在开头。在您的情况下,由于初始值相对于最终值,起始值位于底部。如果希望它显示在特定趋势线的顶部,请将其设置为finalImage
var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“串行”,
“主题”:“光”,
“marginTop”:0,
“marginRight”:80,
“数据日期格式”:“YYYY-MM-DD HH:NN:SS”,
“数据提供者”:[{
“年份”:“2017-10-26 18:45:13”,
“价值”:80
}, {
“年份”:“2017-10-26 18:46:13”,
“价值”:2
}, {
“年份”:“2017-10-26 18:47:13”,
“价值”:46
}, {
“年份”:“2017-10-26 18:48:13”,
“价值”:22
}, {
“年份”:“2017-10-26 18:49:13”,
“价值”:50
}, {
“年份”:“2017-10-26 18:50:13”,
“价值”:24
}, {
“年份”:“2017-10-26 18:51:13”,
“价值”:7
}, {
“年份”:“2017-10-26 18:52:13”,
“价值”:5
}, {
“年份”:“2017-10-26 18:53:13”,
“价值”:47
}, {
“年份”:“2017-10-26 18:54:13”,
“价值”:35
}],
“价值轴”:[{
“axisAlpha”:0,
“指南”:[{
“fillAlpha”:0.1,
“fillColor”:“#8888888”,
“lineAlpha”:0,
“toValue”:16,
“价值”:10
}],
“位置”:“左”,
“滴答声长度”:0
}],
“图表”:[{
“BallooText:“[[category]]
值:[[value]]”,
“子弹”:“圆形”,
“dashLength”:3,
“颜色字段”:“颜色”,
“值字段”:“值”
}],
“趋势线”:[{
“初始日期”:“2017-10-26 18:52:13”,
“初始值”:0,
“线条颜色”:“CC0000”,
“最终图像”:{
“svgPath”:“M6.84,25.682L24.316,15.5L6.684,5.318V25.682z”,
“颜色”:“#050”,
“宽度”:13,
“高度”:13,
“轮换”:90,
“抵销额”:4,
“offsetY”:-17,
“正文”:“2017-10-26 11:52:43”
},
“最终日期”:“2017-10-26 18:52:13”,
“最终价值”:80
}],
“类别字段”:“年份”,
“分类法”:{
“parseDates”:正确,
“axisAlpha”:0,
“gridAlpha”:0.1,
“minorGridAlpha”:0.1,
“minorGridEnabled”:真,
“minPeriod”:“fff”
}
});
/*
chart.addListener(“呈现”,zoomChart);
如果(图表zoomChart){
chart.zoomChart();
}
函数zoomChart(){
chart.zoomToIndex(Math.round(chart.dataProvider.length*0.4)、Math.round(chart.dataProvider.length*0.55));
}*/
#chartdiv{
宽度:100%;
高度:500px;
}