>#### 分段显示不同颜色 ~~~ option = { title: { text: '分段显示不同颜色', left: 'center', top: '10px', textStyle: { color: '#ffffff' } }, toolbox: { feature: { saveAsImage: {} } }, backgroundColor: "#0f375f", xAxis: { type: 'category', axisLabel: { show: true, color: '#fff', fontSize: 14, }, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', axisLabel: { show: true, color: '#fff', fontSize: 14, }, }, visualMap: { bottom: 10, left: 'center', orient: 'horizontal', type: "piecewise", min: 0, max: 260, inRange: { color: ["#313695", "#4575b4", "#74add1", "#abd9e9", "#e0f3f8", "#ffffbf", "#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026" ] }, textStyle: { color: '#f2f2f2', fontSize: 14, }, }, series: [{ data: [150, 230, 224, 218, 135, 147, 260], type: 'line' }] }; ~~~ >#### 效果图  <hr>