Javascript 趋势线未显示在图表中
正在尝试在我的amCharts股票图表中添加趋势线。图表已正确创建和显示,但我无法在图表中添加趋势线Javascript 趋势线未显示在图表中,javascript,amcharts,amstock,Javascript,Amcharts,Amstock,正在尝试在我的amCharts股票图表中添加趋势线。图表已正确创建和显示,但我无法在图表中添加趋势线 function createEvent() { alert( "inside createEvent" ); var chart = AmCharts.makeChart( "chartdiv", { "type": "stock", "color": "#fff", "dataDateFormat": "YYYY-MM-DD", "dataSets": [ {
function createEvent() {
alert( "inside createEvent" );
var chart = AmCharts.makeChart( "chartdiv", {
"type": "stock",
"color": "#fff",
"dataDateFormat": "YYYY-MM-DD",
"dataSets": [ {
"title": "MSFT",
"fieldMappings": [ {
"fromField": "Open",
"toField": "open"
}, {
"fromField": "High",
"toField": "high"
}, {
"fromField": "Low",
"toField": "low"
}, {
"fromField": "Close",
"toField": "close"
}, {
"fromField": "Volume",
"toField": "volume"
} ],
"compared": false,
"categoryField": "Date",
/**
* data loader for data set data
*/
"dataLoader": {
"url": "data/MSFT.csv",
"format": "csv",
"showCurtain": true,
"showErrors": true,
"async": true,
"reverse": true,
"delimiter": ",",
"useColumnNames": true
},
/**
* data loader for events data
*/
"eventDataLoader": {
"url": "data/MSFT_events.csv",
"format": "csv",
"showCurtain": true,
"showErrors": true,
"async": true,
"reverse": true,
"delimiter": ",",
"useColumnNames": true,
"postProcess": function( data ) {
for ( var x in data ) {
switch ( data[ x ].Type ) {
case 'A':
var color = "#85CDE6";
break;
default:
var color = "#cccccc";
break;
}
data[ x ].Description = data[ x ].Description.replace( "Upgrade", "<strong style=\"color: #0c0\">Upgrade</strong>" ).replace( "Downgrade", "<strong style=\"color: #c00\">Downgrade</strong>" );
data[ x ] = {
type: "pin",
graph: "g1",
backgroundColor: color,
date: data[ x ].Date,
text: data[ x ].Type,
description: "<strong>" + data[ x ].Title + "</strong><br />" + data[ x ].Description
};
}
return data;
}
}
}, {
"title": "TXN",
"fieldMappings": [ {
"fromField": "Open",
"toField": "open"
}, {
"fromField": "High",
"toField": "high"
}, {
"fromField": "Low",
"toField": "low"
}, {
"fromField": "Close",
"toField": "close"
}, {
"fromField": "Volume",
"toField": "volume"
} ],
// "compared": true,
"categoryField": "Date",
"dataLoader": {
"url": "data/TXN.csv",
"format": "csv",
"showCurtain": true,
"showErrors": true,
"async": true,
"reverse": true,
"delimiter": ",",
"useColumnNames": true
}
} ],
"panels": [ {
"title": "Value",
"percentHeight": 70,
"stockGraphs": [ {
"type": "candlestick",
"id": "g1",
"openField": "open",
"closeField": "close",
"highField": "high",
"lowField": "low",
"valueField": "close",
"lineColor": "#fff",
"fillColors": "#fff",
"negativeLineColor": "#db4c3c",
"negativeFillColors": "#db4c3c",
"fillAlphas": 1,
"comparedGraphLineThickness": 2,
"columnWidth": 0.7,
"useDataSetColors": false,
// "comparable": true,
"compareField": "close",
"showBalloon": false,
"proCandlesticks": true
} ],
"stockLegend": {
"valueTextRegular": undefined,
"periodValueTextComparing": "[[percents.value.close]]%"
}
} ],
"panelsSettings": {
"color": "#fff",
"plotAreaFillColors": "#333",
"plotAreaFillAlphas": 1,
"marginLeft": 60,
"marginTop": 5,
"marginBottom": 5
},
"chartScrollbarSettings": {
"graph": "g1",
"graphType": "line",
"usePeriod": "WW",
"backgroundColor": "#333",
"graphFillColor": "#666",
"graphFillAlpha": 0.5,
"gridColor": "red",
"gridAlpha": 1,
"selectedBackgroundColor": "#444",
"selectedGraphFillAlpha": 1
},
"categoryAxesSettings": {
"equalSpacing": true,
"gridColor": "#555",
"gridAlpha": 1
},
"valueAxesSettings": {
"gridColor": "#555",
"gridAlpha": 1,
"inside": false,
"showLastLabel": true
},
"chartCursorSettings": {
"pan": true,
"valueLineEnabled": true,
"valueLineBalloonEnabled": true
},
"legendSettings": {
"color": "#fff"
},
"stockEventsSettings": {
"showAt": "high",
"type": "pin"
},
"balloon": {
"textAlign": "left",
"offsetY": 10
},
"trendLines": [ {
"finalDate": "2014-01-20",
"finalValue": 29,
"initialDate": "2013-12-23",
"initialValue": 37,
"lineColor": "red",
"lineAlpha": 1
}, {
"finalDate": "2012-01-22",
"finalValue": 40,
"initialDate": "2010-01-17",
"initialValue": 16,
"lineColor": "#CC0000",
"lineAlpha": 1
} ],
"periodSelector": {
"position": "bottom",
"periods": [ {
"period": "DD",
"count": 10,
"label": "10D"
}, {
"period": "MM",
"count": 1,
"label": "1M"
}, {
"{period}": "MM",
"count": 6,
"label": "6M"
}, {
"period": "YYYY",
"count": 1,
"label": "1Y"
}, {
"period": "YYYY",
"count": 2,
"selected": true,
"label": "2Y"
}, {
"period": "YTD",
"label": "YTD"
}, {
"period": "MAX",
"label": "MAX"
} ]
}
} );
函数createEvent(){
警报(“内部事件”);
var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“库存”,
“颜色”:“fff”,
“数据日期格式”:“YYYY-MM-DD”,
“数据集”:[{
“标题”:“MSFT”,
“字段映射”:[{
“fromField”:“Open”,
“托菲尔德”:“开放”
}, {
“fromField”:“High”,
“托菲尔德”:“高”
}, {
“fromField”:“Low”,
“托菲尔德”:“低”
}, {
“fromField”:“Close”,
“托菲尔德”:“关闭”
}, {
“fromField”:“Volume”,
“toField”:“卷”
} ],
“比较”:假,
“类别字段”:“日期”,
/**
*数据集数据的数据加载器
*/
“数据加载器”:{
“url”:“data/MSFT.csv”,
“格式”:“csv”,
“幕布”:没错,
“淋浴者”:没错,
“异步”:true,
“反向”:正确,
“分隔符”:“,”,
“useColumnNames”:true
},
/**
*事件数据的数据加载器
*/
“eventDataLoader”:{
“url”:“data/MSFT_events.csv”,
“格式”:“csv”,
“幕布”:没错,
“淋浴者”:没错,
“异步”:true,
“反向”:正确,
“分隔符”:“,”,
“useColumnNames”:正确,
“后处理”:函数(数据){
用于(数据中的var x){
开关(数据[x]。类型){
案例“A”:
var color=“#85CDE6”;
打破
违约:
var color=“#CCCC”;
打破
}
数据[x]。说明=数据[x]。说明。替换(“升级”,“颜色:\ 0c0\”>升级)。替换(“降级”,“颜色:\ c00\”>降级”;
数据[x]={
键入:“pin”,
图:“g1”,
背景颜色:颜色,
日期:数据[x]。日期,
文本:数据[x]。类型,
说明:“”+数据[x]。标题+”
“+数据[x]。说明
};
}
返回数据;
}
}
}, {
“标题”:“TXN”,
“字段映射”:[{
“fromField”:“Open”,
“托菲尔德”:“开放”
}, {
“fromField”:“High”,
“托菲尔德”:“高”
}, {
“fromField”:“Low”,
“托菲尔德”:“低”
}, {
“fromField”:“Close”,
“托菲尔德”:“关闭”
}, {
“fromField”:“Volume”,
“toField”:“卷”
} ],
//“比较”:正确,
“类别字段”:“日期”,
“数据加载器”:{
“url”:“data/TXN.csv”,
“格式”:“csv”,
“幕布”:没错,
“淋浴者”:没错,
“异步”:true,
“反向”:正确,
“分隔符”:“,”,
“useColumnNames”:true
}
} ],
“专家组”:[{
“标题”:“价值”,
“百分高度”:70,
“股票图表”:[{
“类型”:“烛台”,
“id”:“g1”,
“openField”:“open”,
“关闭字段”:“关闭”,
“highField”:“high”,
“低场”:“低场”,
“valueField”:“close”,
“lineColor”:“fff”,
“填充颜色”:“fff”,
“底片颜色”:“db4c3c”,
“底片颜色”:“#db4c3c”,
“填充字母”:1,
“comparedGraphLineThickness”:2,
“柱宽”:0.7,
“useDataSetColors”:false,
//“可比”:正确,
“compareField”:“close”,
“showBalloon”:假,
“proCandlesticks”:正确
} ],
“股票传奇”:{
“valueTextRegular”:未定义,
“periodValueTextComparing”:“[[percents.value.close]]%”
}
} ],
“面板设置”:{
“颜色”:“fff”,
“绘图区域填充颜色”:“#333”,
“绘图区域填充字母”:1,
“marginLeft”:60,
“玛金托普”:5,
“marginBottom”:5
},
“图表滚动条设置”:{
“图形”:“g1”,
“图形类型”:“行”,
“使用期限”:“WW”,
“背景色”:“333”,
“graphFillColor”:“#666”,
“graphFillAlpha”:0.5,
“网格颜色”:“红色”,
“gridAlpha”:1,
“selectedBackgroundColor”:“#444”,
“selectedGraphFillAlpha”:1
},
“类别设置”:{
“等间距”:正确,
“网格颜色”:“#555”,
“gridAlpha”:1
},
“ValueAxeSettings”:{
“网格颜色”:“#555”,
“gridAlpha”:1,
“内”:假,
“showLastLabel”:真
},
“图表光标设置”:{
"泛":对,,
“valueLineEnabled”:true,
“ValueLineBalloodEnabled”:真
},
“传奇设置”:{
“颜色”:“fff”
},
“库存事件设置”:{
“showAt”:“high”,
“类型”:“pin”
},
“气球”:{
“文本对齐”:“左”,
“偏移”:10
},
“趋势线”:[{
“最终日期”:“2014-01-20”,
“最终价值”:29,
“初始日期”:“2013-12-23”,
“初始值”:37,
“线条颜色”:“红色”,
“lineAlpha”:1
}, {
“最终日期”:“2012-01-22”,
“最终价值”:40,
“初始日期”:“2010-01-17”,
“初始值”:16,
“线条颜色”:“CC0000”,
“lineAlpha”:1
} ],
“周期选择器”:{
“位置”:“底部”,
“期间”:[{
“期间”:“DD”,
“计数”:10,
“标签”:“10D”
}, {
“期间”:“MM”,
“计数”:1,
“标签”:“1M”
}, {
“{period}”:“MM”,
“计数”:6,
“标签”:“6M”
}, {
“期间”:“YYYY”,
“计数”:1,
“标签”:“1Y”
}, {
“期间”:“YYYY”,
“计数”:2,
“选定”:正确,
“标签”:“2Y”
}, {
“期间”:“年初至今”,
“标签”:“年初至今”
}, {
“期间”:“最大值”,
“标签”:“最大值”
} ]
}
} );
趋势线
需要进入特定面板的设置。图表不会在主图表配置中查找趋势线数据
"panels": [ {
"title": "Value",
"percentHeight": 70,
"stockGraphs": [ {
"type": "candlestick",
"id": "g1",
"openField": "open",
"closeField": "close",
"highField": "high",
"lowField": "low",
"valueField": "close",
"lineColor": "#fff",
"fillColors": "#fff",
"negativeLineColor": "#db4c3c",
"negativeFillColors": "#db4c3c",
"fillAlphas": 1,
"comparedGraphLineThickness": 2,
"columnWidth": 0.7,
"useDataSetColors": false,
// "comparable": true,
"compareField": "close",
"showBalloon": false,
"proCandlesticks": true
} ],
"stockLegend": {
"valueTextRegular": undefined,
"periodValueTextComparing": "[[percents.value.close]]%"
},
"trendLines": [ {
"finalDate": "2014-01-20",
"finalValue": 29,
"initialDate": "2013-12-23",
"initialValue": 37,
"lineColor": "red",
"lineAlpha": 1
}, {
"finalDate": "2012-01-22",
"finalValue": 40,
"initialDate": "2010-01-17",
"initialValue": 16,
"lineColor": "#CC0000",
"lineAlpha": 1
} ]
} ]
martynasma创建此图表后,我如何向此图表中再添加一个图表。这似乎不正确