Previously we thought ehcarts style is difficult to set up, even the documents are so much content, feeling himself a difference of a galaxy with big God
but as long as careful look at the document and Baidu, more natural experience can be a good use of
echart background color, option direct backgroundColor: red;
echart use setOption (option) method to refresh the data, the chart will be updated automatically
echart balloon when closed mouseover, a balloon assembly ToolTip
ToolTip: {
Show: to false
}
when hovering over the chart echarts solve balloon out of range
ToolTip: {
Confine: to true
}
Is a line graph of data between two points connected by lines up to the pursuit of beauty or special effects,
can also be connected by a curve as shown above between the two, known as such in FIG graph patterned strip or spline, like FIG line chart bar with the same usage
added in smooth serices: true to
Provided line graph flag (bit) size, serices in symbolSize: 4
Animation closed polyline varying
Series: [
Animation: false]
Setting line, and a container spacing, grid properties
Horizontal and vertical coordinates disposed echart
echarts xy axis setting
Extended minimum and maximum
https://zhidao.baidu.com/question/1800009353089958507.html
Background gradient line graph provided
https://www.cnblogs.com/myfirstboke/p/11038183.html
series.areaStyle.normal.color
echarts scale format supports two ways
https://www.echartsjs.com/option.html#xAxis.axisLabel.formatter
Pictured ladder provided polyline
Series: [
STEP: to true]
The x-axis to remove the protruding stub
XAXIS: {
axisTick: {
Show: to false
},
}
Cancel Hover highlighting
hoverAnimation: false
When the balloon touch or click to add cross
ToolTip: {
type: 'Cross' dashed line
label: {
the backgroundColor: '# 6a7985'
}
}
ToolTip: {
axisPointer: {
SNAP: // Open automatic adsorption to true
}
}
Setting and style tooltip position in the container
tooltip: {
position: [0,0]
extraCssText: 'BOR-Shadow: 3px #ccc 0 0' // additional style
}