Javascript 如何为折线图指定限制颜色
如何通过在Amchart中指定上限和下限为线条指定不同的颜色 请查找下面的折线图代码Javascript 如何为折线图指定限制颜色,javascript,angular,graph,amcharts,Javascript,Angular,Graph,Amcharts,如何通过在Amchart中指定上限和下限为线条指定不同的颜色 请查找下面的折线图代码 { 'id': 'g3', "title": "Temperature", 'balloonText':'[[category]]<br><b><span style=\'font-size:14px;\'>[[value]]</span></b>', 'bullet':
{
'id': 'g3',
"title": "Temperature",
'balloonText':'[[category]]<br><b><span style=\'font-size:14px;\'>[[value]]</span></b>',
'bullet': 'round',
'bulletSize': 8,
"lineColor": "#9524a3",
'lineThickness': 1,
'negativeLineColor': '#FF0000',
'type': 'smoothedLine',
"negativeBase":8,
'valueField':"temperature",
},
{
“id”:“g3”,
“标题”:“温度”,
“BallooText”:“[[category]]
[[value]]”,
“子弹”:圆形,
“bulletSize”:8,
“线条颜色”:“#9524a3”,
“线宽”:1,
“negativeLineColor”:“FF0000”,
“类型”:“平滑线”,
“否定基”:8,
“valueField”:“温度”,
},
因为我能够使用negativeBase属性设置下限。
如何设置上限?当没有正基设置时,您可以使用negativeLineColor和lineColor的组合来切换图形颜色,具体取决于图形颜色是减少还是增加 这里有一个例子: 图形在增加时为lineColor,在减少时为negativeLineColor 或 您可以从json获取颜色值并使用lineColorField 请在下面找到json和线图对象
{
"DeviceName": "1Device",
"Date": "2018-09-11 20:10:55",
"temperature": 10.00,
"Color temperature": "#ff3232",
"humidity": 10.00,
"Color humidity": "#17c723",
"co2": 10.00,
"Color co2": "#ff3232",
"airpressure": 10.00,
"Color airpressure": "#9bbd3b"
}
{
'id': "g"+i,
"title": data["Parameter"][i],
'balloonText':'[[category]]<br><b><span style=\'font-size:14px;\'>[[value]]</span></b>',
'bullet': 'round',
'bulletSize': 8,
"lineColor": data["Colors"][i],
// "legendColorField": "Color "+data["Parameter"][i],
"lineColorField": "Color "+data["Parameter"][i],
'lineThickness': 1,
// "negativeBase":5,
//'negativeLineColor': '#FF0000',
'type': 'smoothedLine',
'valueField': data["Parameter"][i],
}
{
“设备名称”:“1设备”,
“日期”:“2018-09-11 20:10:55”,
“温度”:10.00,
“色温”:“ff3232”,
“湿度”:10.00,
“颜色湿度”:“17c723”,
“二氧化碳”:10.00,
“彩色二氧化碳”:“ff3232”,
“气压”:10.00,
“彩色气压”:“9bbd3b”
}
{
“id”:“g”+i,
“标题”:数据[“参数”][i],
“BallooText”:“[[category]]
[[value]]”,
“子弹”:圆形,
“bulletSize”:8,
“lineColor”:数据[“颜色”][i],
//“legendColorField”:“颜色”+数据[“参数”][i],
“lineColorField”:“颜色”+数据[“参数”][i],
“线宽”:1,
//“否定基”:5,
//“negativeLineColor”:“FF0000”,
“类型”:“平滑线”,
“valueField”:数据[“参数”][i],
}
{
"DeviceName": "1Device",
"Date": "2018-09-11 20:10:55",
"temperature": 10.00,
"Color temperature": "#ff3232",
"humidity": 10.00,
"Color humidity": "#17c723",
"co2": 10.00,
"Color co2": "#ff3232",
"airpressure": 10.00,
"Color airpressure": "#9bbd3b"
}
{
'id': "g"+i,
"title": data["Parameter"][i],
'balloonText':'[[category]]<br><b><span style=\'font-size:14px;\'>[[value]]</span></b>',
'bullet': 'round',
'bulletSize': 8,
"lineColor": data["Colors"][i],
// "legendColorField": "Color "+data["Parameter"][i],
"lineColorField": "Color "+data["Parameter"][i],
'lineThickness': 1,
// "negativeBase":5,
//'negativeLineColor': '#FF0000',
'type': 'smoothedLine',
'valueField': data["Parameter"][i],
}