echarts实现双y轴,并实现不同的参数使用不同的y轴
2017-05-27 17:33
579 查看
需求:折线图实现双y轴,并实现不同的参数使用不同的y轴
方法:
1、yAxis中添加双轴
[{
type: 'value',
name: '温度',
axisLabel: {
formatter: '{value}℃'
}
},{
type: 'value',
name: '百分比',
min: 0,
max: 100,
axisLabel: {
formatter: '{value}%'
}
}]
其中
position:y轴的位置,
默认 grid 中的第一个 y 轴在 grid 的左侧('left'),第二个 y 轴视第一个 y 轴的位置放在另一侧。
2、series中添加参数yAxisIndex
[{
name: '送风温度(℃)',
type: 'line',
yAxisIndex: 1,
data: ary0
},{
name: '风机速度反馈(%)',
type: 'line',
yAxisIndex: 1,
data: ary8
}]
yAxisIndex默认是0,即使用第一个y轴设置0,地位个y轴设置1
效果图:
方法:
1、yAxis中添加双轴
[{
type: 'value',
name: '温度',
axisLabel: {
formatter: '{value}℃'
}
},{
type: 'value',
name: '百分比',
min: 0,
max: 100,
axisLabel: {
formatter: '{value}%'
}
}]
其中
position:y轴的位置,
默认 grid 中的第一个 y 轴在 grid 的左侧('left'),第二个 y 轴视第一个 y 轴的位置放在另一侧。
2、series中添加参数yAxisIndex
[{
name: '送风温度(℃)',
type: 'line',
yAxisIndex: 1,
data: ary0
},{
name: '风机速度反馈(%)',
type: 'line',
yAxisIndex: 1,
data: ary8
}]
yAxisIndex默认是0,即使用第一个y轴设置0,地位个y轴设置1
效果图:
相关文章推荐
- Jmeter使用_time函数实现同一个接口参数传入可以每次传入不同的参数
- ECharts使用笔记——实现多个不同位置的lable
- Echarts图表在手机端和PC端使用不同的参数展示
- 使用UI Automation实现自动化测试--5 (Winfrom和WPF中弹出和关闭对话框的不同处理方式)
- 使用native2ascii实现国际化及不同平台的移植
- C++颠覆之路(6)-使用不定长参数列表为不同版本的API提供统一的解决方案
- 使用profile的PASSWORD_VERIFY_FUNCTION参数实现自定义的密码验证规则
- 使用RewritePath方法实现【不同路径+任意URL后缀重写到指定页面且URL地址不变】(附源码)_AX
- 使用Array.prototype.slice实现带参数的setTimeout
- 使用PLSQL Developer来实现不同数据库的表结构以及表数据同步
- 使用IHttpHandler接口实现【不同路径+任意URL后缀重写到指定页面且URL地址不变】(附源码)_AX
- 文件路径里有空格,使用引号包起来,包法不同,会导致命令行的参数识别出错?
- 使用未公开关键字在 C# 中导入外部 printf 等参数数量可变函数 [2] C# 实现
- REST API下的ArcServer 9.3.0与9.3.1使用Javascript实现路径分析的不同方式
- 使用DWR实现AJAX技术2——将对象作为参数
- 在使用不同密钥格式的服务器间实现公钥认证登陆
- 使用IHttpHandler接口实现【不同路径+任意URL后缀重写到指定页面且URL地址不变】(附源码)_AX
- Flex 在 ViewStack中使用 Repeater实现动态加载系统的不同模块
- SQL实现每种产品使用不同算法
- C函数调用-不使用函数返回值,而用参数实现输入/输出的4种模式