作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何在 Amchart 中通过指定上限和下限来为一条线指定不同的颜色。
请在下面找到折线图的代码。
{
'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",
},
因为我可以使用 negativeBase 属性设置下限。如何设置上限?
最佳答案
虽然没有正基数设置,但您可以结合使用 negativeLineColor 和 lineColor 来根据图形颜色是减少还是增加来切换图形颜色。
这里有一个例子: https://codepen.io/team/amcharts/pen/155bbc984311730a95242f38c84f78d1
"graphs": [{
"useNegativeColorIfDown": true,
"lineColor": "#cddd00",
"negativeLineColor": "#ccb7dc",
图形在增加时为 lineColor,在减少时为 negativeLineColor。
https://docs.amcharts.com/3/javascriptcharts/AmGraph#useNegativeColorIfDown https://docs.amcharts.com/3/javascriptcharts/AmGraph#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],
}
关于javascript - 如何为折线图指定限制颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52276811/
我是一名优秀的程序员,十分优秀!