Javascript 如何更改StockEvent baloon的颜色';s边界[AMV3]

Javascript 如何更改StockEvent baloon的颜色';s边界[AMV3],javascript,amcharts,Javascript,Amcharts,是否可以更改StockEvent气球(提示)边框的颜色?它总是红色的。我找不到任何合适的选择。请查看我当前的解决方案 当然有可能更改Amballon border of value hint,但似乎不可能将其更改为StockEvent var amChartsData = [{"date":"2017-03-01","value":"126.510000"},{"date":"2017-03-02","value":"126.420000"},{"date":"2017-03-03","valu

是否可以更改StockEvent气球(提示)边框的颜色?它总是红色的。我找不到任何合适的选择。请查看我当前的解决方案 当然有可能更改Amballon border of value hint,但似乎不可能将其更改为StockEvent

var amChartsData = [{"date":"2017-03-01","value":"126.510000"},{"date":"2017-03-02","value":"126.420000"},{"date":"2017-03-03","value":"126.480000"},{"date":"2017-03-06","value":"126.400000"},{"date":"2017-03-07","value":"126.650000"},{"date":"2017-03-08","value":"126.370000"},{"date":"2017-03-09","value":"126.480000"},{"date":"2017-03-10","value":"120.720000"},{"date":"2017-03-13","value":"121.420000"},{"date":"2017-03-14","value":"121.420000"},{"date":"2017-03-15","value":"121.700000"},{"date":"2017-03-16","value":"122.410000"},{"date":"2017-03-17","value":"122.530000"},{"date":"2017-03-20","value":"122.260000"},{"date":"2017-03-21","value":"121.540000"},{"date":"2017-03-22","value":"121.250000"},{"date":"2017-03-23","value":"121.690000"},{"date":"2017-03-24","value":"121.950000"},{"date":"2017-03-27","value":"121.390000"},{"date":"2017-03-28","value":"122.330000"},{"date":"2017-03-29","value":"122.840000"},{"date":"2017-03-30","value":"122.670000"},{"date":"2017-03-31","value":"122.840000"},{"date":"2017-04-03","value":"122.760000"},{"date":"2017-04-04","value":"123.070000"},{"date":"2017-04-05","value":"123.930000"},{"date":"2017-04-06","value":"124.130000"},{"date":"2017-04-07","value":"124.580000"},{"date":"2017-04-10","value":"124.310000"},{"date":"2017-04-11","value":"123.870000"},{"date":"2017-04-12","value":"123.530000"},{"date":"2017-04-13","value":"123.470000"},{"date":"2017-04-14","value":"123.470000"},{"date":"2017-04-18","value":"123.000000"},{"date":"2017-04-19","value":"122.660000"},{"date":"2017-04-20","value":"122.940000"},{"date":"2017-04-21","value":"122.610000"},{"date":"2017-04-24","value":"124.010000"},{"date":"2017-04-25","value":"124.280000"},{"date":"2017-04-26","value":"124.460000"}];

function parseDate(dateString) {
     var dateArray = dateString.split("-");
     if(dateArray.lenght < 2) { alert(dateString); }
     var date = new Date(Number(dateArray[0]), Number(dateArray[1]) - 1, Number(dateArray[2]), 0, 0, 0);
     return date;
}

for (var j in amChartsData) {
    amChartsData[j].date = parseDate(amChartsData[j].date);
}

var chart = AmCharts.makeChart( "chartdiv", {
    "type": "stock",
    "theme": "light",
    "dataSets": [ {
        "color": "#006EBE",
        "fieldMappings": [ {
            "fromField": "value",
            "toField": "value"
        } ],
        "dataProvider": amChartsData,
        "categoryField": "date",
        // EVENTS
        "stockEvents": [{
            "date": new Date( 2017, 3, 6 ),
            "type": "sign",
            "rollOverColor": "#EF9463",
            "borderColor": "#EF9463",
            "backgroundColor": "#ffffff",
            "graph": "g1",
            "description": "Lorem Ipsum ...",
        }]
    } ],

    "panels": [ {
        "title": "Value",
        "stockGraphs": [ {
            "id": "g1",
            "valueField": "value"
        } ]
    } ],

    "chartScrollbarSettings": {
        "graph": "g1"
    },

    "chartCursorSettings": {
        "pan": true,
        "cursorColor": "#006EBE",
        "valueBalloonsEnabled": true,
        "valueLineAlpha": 0.5,
    },

    "balloon": {
        "shadowAlpha": 0,
        "borderThickness": 1,
        "adjustBorderColor": true,
        "cornerRadius": 5,
        "fillColor": "#FFFFFF"
    },

    "periodSelector": {
        "periods": [ {
            "period": "DD",
            "count": 10,
            "date": "10 days"
        }, {
            "period": "MM",
            "count": 1,
            "date": "1 month"
        }, {
            "period": "YYYY",
            "count": 1,
            "date": "1 year"
        }, {
            "period": "YTD",
            "date": "YTD"
        }, {
            "period": "MAX",
            "date": "MAX"
        } ]
    },

    "panelsSettings": {
        "usePrefixes": true
    }
} );
var-amChartsData=[{“日期”:“2017-03-01”,“价值”:“126.51万”},{“日期”:“2017-03-02”,“价值”:“126.42万”},{“日期”:“2017-03-03”,“价值”:“126.48万”},{“日期”:“2017-03-06”,“价值”:“126.40万”},{“日期”:“2017-03-07”,“价值”:“126.65万”},{“日期”:“2017-03-08”,“价值”:“126.37万”},{“日期”:“2017-03-03-09”,“价值”:“2017-03-01万”{,“价值”:“120.720000”},{“日期”:“2017-03-13”,“价值”:“121.420000”},{“日期”:“2017-03-14”,“价值”:“121.420000”},{“日期”:“2017-03-15”,“价值”:“121.700000”},{“日期”:“2017-03-16”,“价值”:“122.410000”},{“日期”:“122.530000”},{“日期”:“2017-03-20”,“价值”:“122.260000”},{“日期”:“2017-03-21”,“价值”:“2017-03-22”{“日期”:价值“:”121.250000“,”日期“:”2017-03-23“,”价值“:”121.690000“,”日期“,”2017-03-24“,”价值“:”121.950000“,”日期“,”2017-03-27“,”价值“:”121.390000“,”日期“,”2017-03-28“,”价值“:”122.330000“,”日期“,”2017-03-29“,”价值“,”122.840000“,”日期“,”2017-03-30“,”价值“:”122.670000“,”日期“,”2017-03-31“,”价值“,”2017-03-03-03“,”价值“,”日期“,”“:”122.760000“,”日期“:”2017-04-04“,”价值“:”123.070000“,”日期“:”2017-04-05“,”价值“:”123.930000“,”日期“,”2017-04-06“,”价值“:”124.130000“,”日期“,”2017-04-07“,”价值“:”124.580000“,”日期“,”2017-04-10“,”价值“,”124.310000“,”日期“,”2017-04-11“,”价值“:”123.870000“,”日期“,”2017-04-12“,”价值“,”日期“,”2017-04-13“,”“123.470000”},{“日期”:“2017-04-14”,“价值”:“123.470000”},{“日期”:“2017-04-18”,“价值”:“123.000000”},{“日期”:“2017-04-19”,“价值”:“122.660000”},{“日期”:“2017-04-20”,“价值”:“122.940000”},{“日期”:“2017-04-21”,“价值”:“122.610000”{“日期”:“2017-04-24”,“价值”:“124.010000”{“日期”:“2017-04-25”,“价值”:“2017-04-26”{124.460000"}];
函数parseDate(日期字符串){
var dateArray=dateString.split(“-”);
if(dateArray.lenght<2){alert(dateString);}
变量日期=新日期(数字(dateArray[0]),数字(dateArray[1])-1,数字(dateArray[2]),0,0,0);
返回日期;
}
用于(amChartsData中的var j){
amChartsData[j].date=parseDate(amChartsData[j].date);
}
var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“库存”,
“主题”:“光”,
“数据集”:[{
“颜色”:“#006EBE”,
“字段映射”:[{
“fromField”:“value”,
“托菲尔德”:“价值”
} ],
“数据提供者”:amChartsData,
“类别字段”:“日期”,
//事件
“股票事件”:[{
“日期”:新日期(2017年3月6日),
“类型”:“符号”,
“滚动颜色”:“EF9463”,
“边框颜色”:“EF9463”,
“背景色”:“ffffff”,
“图形”:“g1”,
“描述”:“Lorem Ipsum…”,
}]
} ],
“专家组”:[{
“标题”:“价值”,
“股票图表”:[{
“id”:“g1”,
“值字段”:“值”
} ]
} ],
“图表滚动条设置”:{
“图形”:“g1”
},
“图表光标设置”:{
"泛":对,,
“cursorColor”:“006EBE”,
“ValueBallodesEnabled”:正确,
“valueLineAlpha”:0.5,
},
“气球”:{
“阴影Alpha”:0,
“边界厚度”:1,
“颜色”:正确,
“转弯半径”:5,
“fillColor”:“#FFFFFF”
},
“周期选择器”:{
“期间”:[{
“期间”:“DD”,
“计数”:10,
“日期”:“10天”
}, {
“期间”:“MM”,
“计数”:1,
“日期”:“1个月”
}, {
“期间”:“YYYY”,
“计数”:1,
“日期”:“1年”
}, {
“期间”:“年初至今”,
“日期”:“年初至今”
}, {
“期间”:“最大值”,
“日期”:“最大值”
} ]
},
“面板设置”:{
“使用前缀”:true
}
} );

您可以通过设置以下选项来更改所有股票事件的气球颜色:

不幸的是,您不能为每个不同的事件单独设置边界

这是一个气球设置为绿色的图片

  "stockEventsSettings": {
    "balloonColor": "#008800"
  }