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 supported by itself, such as" rect", "line". There is no trapezoid. If I want to achieve the trapezoidal wave effect, do I need to modify the source code of echarts? please give me some advice. Thank you ^ _ ^
.you can understand this as a line chart.
also comes from the question and answer. In fact, there is something wrong with my own description. In fact, the effect I want to achieve is the following, and the difference is not big.
now I draw points directly with line, which is, after all, drawn by data. Just calculate the four points and connect them through a broken line.
it is important to note, however, that the category axis is distinguished from the non-category axis. At first, I didn't figure it out, so when drawing, the data will be drawn based on the category axis, and as a result, the second set of data will be drawn from the first one of the category axis, so there may be overlap, and it's not the effect we want. No, no, no.
the successful code of the simple experiment is as follows:
option = {
title:{
text:'' ,
left:'center'
},
tooltip:{
show:true,
},
dimensions:[
'from','to','profit'
],
encode:{
tooltip:[0,1,2]
},
xAxis: {
type: 'value',
interval:30
},
yAxis: {
type: 'value'
},
series: [{
data: [
//x y
[ 0, 0, 1],
[ 20, 20, 2],
[ 40, 20, 2],
[ 60, 0, 2]
],
type: 'line',
areaStyle: {}
},
{
data: [//x y
[ 65, 0, 1],
[ 88, 45, 2],
[ 100, 45, 2],
[ 123, 0, 2]
],
type: 'line',
areaStyle: {}
},
{
data: [],
type: 'line',
areaStyle: {}
}]
};
Previous: About downloading files in docker
Next: How iview limits the number of times files can be uploaded
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...
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. ...
The data returned by 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&...
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 ...