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;
}