高图不显示具有多个y轴的图形的序列数据
Highcharts not displaying series data for graph with multiple Y-axes
我试图显示2个数据系列的图形。系列1是折线图,系列2是列图。2个y轴,每一个都有不同的比例。从HighCharts网站上的例子来看,这应该是非常简单的,他们所拥有的例子正是我所寻找的。然而,当我去编码它时,第二个系列的系列数据没有显示在图上。
看这里:http://jsfiddle.net/QgHHZ/2/
$(function () {
var Data = [{
"name": "Series1",
"type": "line",
"data": [40000, 60000, 54000, 58000, 66000]
}, {
"name": "Series2",
"type": "column",
"yaxis": "1",
"data": [22300, 44, 22, 12456, 888]
}]
var Options = {
chart: {
renderTo: "container",
zoomType: "x"
},
plotOptions: {
line: {
marker: {
enabled: false
},
animation: true
},
column: {
animation: false
}
},
title: {
text: "Test"
},
legend: {
enabled: true,
layout: "vertical",
align: 'right',
verticalAlign: 'middle'
},
tooltip: {
enabled: true,
},
yAxis: [{
title: {
text: 'Series 1'
},
min: 35000,
max: 80000
}, {
title: {
text: 'Series 2'
},
min: 0,
max: 30000,
opposite: true
}],
series: Data
};
myChart = new Highcharts.Chart(Options);
});
如果您取出每个y轴的最小值和最大值,则两个系列数据都显示出来,但右侧的轴标签消失了,就好像第二个系列只是在左侧的y轴上显示。
我不知道是我做错了什么还是有bug。
任何想法?
将yaxis更改为yaxis,且该值必须是数字而不是字符串
你有这个:
{
"name": "Series2",
"type": "column",
"yaxis": "1",
"data": [22300, 44, 22, 12456, 888]
}
必须是这样:
{
"name": "Series2",
"type": "column",
"yAxis": 1,
"data": [22300, 44, 22, 12456, 888]
}]
jsFiddle: http://jsfiddle.net/QgHHZ/5/
相关文章:
- D3.js强制布局带有外部数据的图形空白
- 通过变量将数据添加到图形中
- 在同一html页面中使用不同数据复制图表/图形
- D3:“bubble.nodes”未将正确的图形数据应用于数据集
- 如何接受用户数据并在提交后以图形形式返回
- 如何在渲染之前操作 cytoscape.js 图形数据
- 如何在 d3.js 中的给定数据中设计图形
- 使用Plotly中的新数据更新图形的高性能方法
- 图形未呈现我的日期数据
- D3.js 和来自 CSV 文件图形宽度的数据可视化
- 如何在数据更新时更新可重用的 d3.js 图形
- 对高图表图形中的特定数据执行样式操作
- 如何从返回的Facebook图形API哈希中提取数据
- 使用新数据重绘 d3 图形
- 使用 Jqplot 绘制图形和来自 Sqlite 数据库的数据
- 点击bokeh按钮,从文件中加载图形数据
- 图形数据是在后端生成还是前端生成?
- 最好的方式,可视化的图形数据结构写在一个网页上的Java良好的图形
- 在Node.js/Express框架中,将数据传递给d3以呈现图形数据的正确方式是什么?
- 渲染新的图形数据添加新的图形,而不是替换现有的图形