Javascript 趋势线未显示在图表中

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": [ {

正在尝试在我的amCharts股票图表中添加趋势线。图表已正确创建和显示,但我无法在图表中添加趋势线

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创建此图表后,我如何向此图表中再添加一个图表。这似乎不正确