is shown below. How do you define the color of each point based on the status value of each data?
such as status=0 red
status=1 data=[{
time:"2018-06-21",
status:0,
value:77
},
{
time:"2018-06-21",
status:1,
value:77
},{
time:"2018-06-21",
status:2,
value:77
}] series: [{
symbolSize: 20,
data: [{
time:"2018-06-21",
status:0,
value:76
},
{
time:"2018-06-21",
status:1,
value:47
},{
time:"2018-06-21",
status:2,
value:17
}],
type: 'scatter',
itemStyle:{
normal:{
color:params=>{
switch(params.data.status){
case 0:
return 'red';
case 1:
return 'green';
case 2:
return 'yellow';
}
}
}
}
}]setting itemStyle, generally involves the style of graphics. This field is used to find the color of color. The color of most graphics can be customized, that is, the callback function
is provided.Previous: Jquery Div opening and closing
Next: VUE event auto click
The X axis is the value axis. How does the custom guide echarts set the guide perpendicular to the axis? ...
this topic should be very detailed, my main purpose is to set up a search box to search all graph points, and then find that echart can automatically navigate to that point in chart and zoom in. personally, I think we should first get the name of a node...
the question I asked this morning, but the solution provided in the answer doesn t seem to solve my problem. Although it seems to be connected from end to end, the data is wrong . I need data 2 to start at the end of data 1 ...
as shown in the picture, I set the scale of x and y to face inward, , but because I set the area fill color, my scale is covered by the color area, and the scale is not obvious . excuse me, is there a solution? ...
for example, if you display a map of China, you will default to Beijing with red highlights. How to set it up? it doesn t work even if you look it up on the Internet. ...
the provincial map has coordinate points. Click to drill down to the city map, and then according to the addition of coordinate points, how to do it? now I have added it at the provincial level. After drilling down, I can t always add it up ....
When the page is initialized, because the data has not been fully requested, but the chart has been loaded and the data binding is not up, how to solve this problem? The current solution is to set a timer to request every 1 second until the data is reque...
this is its official instance echarts k diagram instance there is code in the instance to set up the display of these data, but it doesn t work tooltip: { formatter: function (param) { param = param[0]; return [ Date: + para...
the lineHeight for configuring title is not valid in the following ways: title: { text: nm , textStyle: { color: -sharpFFF , fontWeight: normal , align: left , fontSize: fontSize+6, fontSize lineHeight: fontSize...
1. If you want to use echarts to achieve the following effects, I would like to ask how to do it. there is a custom development section in the official documentation of echarts, but after reading it, it is found that it is aimed at the types support...
use echarts to set the scale non-decimal when drawing (set minInterval), but when the data is small, the negative coordinate system will appear: :,min0:: how can I scale to an integer without showing a negative coordinate system? ...
Why is there no roam attribute in heatpmap to prohibit dragging ...
(figure 2) figure 1, one of which has no data, how can I achieve the effect (figure 2)? Link: http: echarts.baidu.com echa. ...
Uncaught ReferenceError: m is not defined var myChart2 = echarts.init(document.getElementById( main2 )); var option2 = { tooltip: { trigger: axis , }, grid: { show:true, ...
example: http: echarts.baidu.com exam. how to keep the MarkPoint in this example highlighted after clicking excuse me: how does echarts customize click or hover which data is highlighted and maintained? ...
as shown in the figure, only one piece of border, can be added to each packet and the middle becomes 2px. You cannot add border to the outer frame of the whole! Ask for help ...
...
problem description how to get the color of a column in the echarts histogram (or how to get the color of the corresponding legend in legend) the environmental background of the problems and what methods you have tried use myChart.component.legend...
echarts discount chart customizes the display when you hover, but does not display vertical bars. tooltip: { trigger: axis formatter:function (params) { let res=params.name+"<br >"; ...
the effect now is that each area of the map is mapped, so the color of each piece is uncertain (determined by the value of that area) visualMap: { type: piecewise , pieces: [ {gt: 85, label: 85% ,color: -sharpf54579 ...