| | |
| | | radius: '50%', |
| | | axisLine: { // 坐标轴线 |
| | | lineStyle: { // 属性lineStyle控制线条样式 |
| | | color: [[0.09, 'lime'], [0.82, '#1e90ff'], [1, '#ff4500']], |
| | | color: [[0.09, '#0fe507'], [0.82, '#1e90ff'], [1, '#ff4500']], |
| | | width: 3, |
| | | shadowColor: '#fff', //默认透明 |
| | | shadowBlur: 10 |
| | |
| | | color: '#fff' |
| | | } |
| | | }, |
| | | data: [{value: 40, name: 'm/min\nx'}] |
| | | data: [{value: 40, name: 'x\nm/min'}] |
| | | }, |
| | | { |
| | | name: '升降速度', |
| | |
| | | splitNumber: 6, |
| | | axisLine: { // 坐标轴线 |
| | | lineStyle: { // 属性lineStyle控制线条样式 |
| | | color: [[0.29, 'lime'], [0.86, '#1e90ff'], [1, '#ff4500']], |
| | | color: [[0.32, '#0fe507'], [0.86, '#1e90ff'], [1, '#ff4500']], |
| | | width: 2, |
| | | shadowColor: '#fff', //默认透明 |
| | | shadowBlur: 10 |
| | |
| | | splitNumber: 2, |
| | | axisLine: { // 坐标轴线 |
| | | lineStyle: { // 属性lineStyle控制线条样式 |
| | | color: [[0.2, 'lime'], [0.8, '#1e90ff'], [1, '#ff4500']], |
| | | color: [[0.2, '#0fe507'], [0.8, '#1e90ff'], [1, '#ff4500']], |
| | | width: 2, |
| | | shadowColor: '#fff', //默认透明 |
| | | shadowBlur: 10 |
| | |
| | | shadowBlur: 5, |
| | | width: 80, |
| | | height: 30, |
| | | offsetCenter: [35, '5%'], // x, y,单位px |
| | | offsetCenter: [40, '5%'], // x, y,单位px |
| | | textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE |
| | | fontWeight: 'bolder', |
| | | color: '#fff' |
| | |
| | | splitNumber: 2, |
| | | axisLine: { // 坐标轴线 |
| | | lineStyle: { // 属性lineStyle控制线条样式 |
| | | color: [[0.2, 'lime'], [0.8, '#1e90ff'], [1, '#ff4500']], |
| | | color: [[0.2, '#0fe507'], [0.8, '#1e90ff'], [1, '#ff4500']], |
| | | width: 2, |
| | | shadowColor: '#fff', //默认透明 |
| | | shadowBlur: 10 |
| | |
| | | // }, |
| | | itemStyle:{ |
| | | normal:{ |
| | | color:'#0cbad9', //折点颜色 |
| | | color:'#ef550e', //折点颜色 |
| | | lineStyle:{ |
| | | color:'#07a093' //折线颜色 |
| | | color:'#ec670f' //折线颜色 |
| | | } |
| | | } |
| | | } |
| | |
| | | }); |
| | | } |
| | | |
| | | // eCharts 跟随窗口改变 |
| | | window.onresize = function(){ |
| | | crnChart.resize(); |
| | | lineCharts.resize(); |
| | | pieCharts.resize(); |
| | | } |
| | | |
| | | |
| | | </script> |
| | | </html> |