3D Highchart动态系列添加问题
3D-Highchart Dynamic Series Add issues
我正在学习3d highchars,在动态添加系列时遇到了一些小问题。
该系列加载位置不正确,即第二个"堆栈:1"正在加载"堆栈:0"位置。
我在下面添加了代码片段检查,并让我知道这个问题。【点击"点击我"按钮生成图表】
提前感谢!!
var chart;
$(function () {
// Set up the chart
chart = new Highcharts.Chart({
chart: {
renderTo: 'container', type: 'column',
options3d: { enabled: true, alpha: 25, beta: 25, viewDistance: 25, depth: 40 },
marginTop: 80, marginRight: 40
},
plotOptions: { column: { depth: 40, stacking: true, grouping: false } },
series: []
});
$('#clickMe').on('click', function () {
var odata=[{data: [1,5,3,6,2],stack: 0},
{data: [7,7,9,8,6],stack: 1}];
$.each(odata, function (itemNo, item) {
chart.addSeries({
data: item.data,
stack: item.stack
}, false);
});
chart.redraw();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-3d.js"></script>
<button id="clickMe">Click Me</button>
<div id="container"></div>
根据文档记住CCD_ 1。因此,这里有一个更新的fiddle,它通过增加depth
来解决您的问题,您可以根据onClick函数对其进行修改!
chart: {
type: 'column',
margin: 75,
options3d: {
enabled: true,
alpha: 25,
beta: 25,
viewDistance: 25,
depth: 110
}
},
plotOptions: {
column: {
depth: 40,
stacking: true,
grouping: false,
groupZPadding: 10
}
}
相关文章:
- javascript中添加验证电子邮件的问题
- 关于使用Animate.css向和项添加和删除动画类的问题
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- 在对象中添加方法时出现问题
- Node.js服务器问题-已添加“/"在浏览器中查找文件时
- 第二次追加后添加逗号的问题等等
- array_push平面数组问题-需要能够向数组中添加多个变量
- 动态创建foreignGroup并将其添加到svg中有什么问题
- 以编程方式将特定的JavaScript添加到Qualtrics中的特定问题中
- Ruby on Rails 4:在 Rails Web 应用程序中添加 Javascript 文件时遇到问题
- 图像上传功能将++(+1)副本添加到下一次上传.出了什么问题或如何重置“选定图像”
- 我在添加更多输入字段时遇到问题,文本字段中的值不会保留
- 使用jQuery添加的类时出现问题
- 设置和添加数组值javascript时出现问题
- mongodb用户配置文件添加输入时出现问题
- 在wordpress中向自定义php模板添加滑块时出现问题
- 将类添加到标头的代码有什么问题
- 单击元素时出现问题,这些元素是用.html()添加到页面的
- Python 3.5中的添加问题
- 3D Highchart动态系列添加问题