highcharts同表绘制不同刻度值的折线图
2018-03-19 15:38
155 查看
highcharts同表绘制不同刻度值的折线图
在折线图绘制的过程中会遇到不同的曲线显示在同一个Y轴刻度下的情况,因数据范围的差别,显示的曲线对数据的刻画明显程度便差别很大,一些数据范围小的曲线几乎成为一条直线,这就很难比对出两个变量之间的相互影响关系,最近做一个关于评分(0~10)和销售额(10k以上),绘制出来的效果就是评分紧贴x轴,根本看不出波动情况。解决办法:在yAxis下设置数组
yAxis:[ { title: { text: '金额' } }, { title: { text: '评分' } } ]
然后在具体要显示数据的时候,给出yAxis列表的下标
series: [{ name: '金额', data: callback.activity_price, yAxis: 0 }, { name: '评分', data: callback.activity_score, yAxis: 1 }]
这样绘制出来的曲线就十分直观了:
相关文章推荐
- 项目经验:Highcharts绘制饼图、折线图、柱状图
- Highcharts折线图,去掉x轴y轴刻度与刻度名称
- highcharts如何在一个图表中使多条曲线在不同刻度下显示
- jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
- Android中View(视图)绘制不同状态背景图片原理深入分析以及StateListDrawable使用详解
- android opengl es添加纹理,绘制立方体纹理,立方体使用不同纹理
- 【Python-3.5】matplotlib绘制气温折线图
- Highcharts属性与Y轴数据值刻度显示Y轴最小最大值
- jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
- Highcharts做柱状图怎样样每个柱子都是不同的颜色显示
- gnuplot根据csv的字符串字段值绘制不同颜色的点
- highcharts绘制3D图表
- Web : 使用RGraph(HTML5)绘制折线图(一)
- (七)利用processing绘制不同格式的字体
- Android中View(视图)绘制不同状态背景图片原理深入分析以及StateListDrawable使用详解
- Android_View(视图)绘制不同状态背景图片原理深入分析以及StateListDrawable使用详解
- Matplotlib绘制折线图
- Android中View(视图)绘制不同状态背景图片
- 对canvas的直接在画布上绘制图形与用变换的方式绘制图形的不同点和相同点的理解
- ImageView上绘制旋转圆环(透明度不同的旋转圆环,利用canvas.drawArc实现) .