首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jChartFX未设置动画

jChartFX未设置动画
EN

Stack Overflow用户
提问于 2013-11-08 03:38:15
回答 1查看 598关注 0票数 2

我正在使用jchartfx生成图表。该图形演示在jchartfx网站上加载动画。我的图形代码如下,问题是我的图形似乎没有动画,只是直接加载。

这里有一个jsfiddle:http://jsfiddle.net/3LkG3/

你知道我阻止动画加载的代码出了什么问题吗?

代码语言:javascript
复制
<script type="text/javascript" src="http://www.jchartfx.com/libs/v7/current/js/jchartfx.system.js"></script>
<script type="text/javascript" src="http://www.jchartfx.com/libs/v7/current/js/jchartfx.coreBasic.js"></script>


<div id="ChartDiv" style="width:600px;height:400px"></div>

    <script type="text/javascript" language="javascript">

       loadChart();

        var chart1;

        function loadChart()
          {
               chart1 = new cfx.Chart();

                chart1.getAxisY().setMin(0);
                chart1.getAxisY().setMax(100);

                var series = chart1.getSeries().getItem(0);


                series.setGallery(cfx.Gallery.Line);


                var data = [
                { "Month": "Jan", "A": 40, "B": 12, "C": 6, "D": 8 },
                { "Month": "Feb", "A": 54, "B": 19, "C": 11, "D": 19 },
                { "Month": "Mar", "A": 63, "B": 29, "C": 15, "D": 22 },
                { "Month": "Apr", "A": 75, "B": 31, "C": 19, "D": 43 },
                { "Month": "May", "A": 81, "B": 70, "C": 35, "D": 47 },
                { "Month": "Jun", "A": 92, "B": 90, "C": 60, "D": 98 }
                ];
                chart1.setDataSource(data);
                var divHolder = document.getElementById('ChartDiv');
            chart1.create(divHolder);
          }

    </script>
EN

回答 1

Stack Overflow用户

发布于 2013-11-08 03:48:03

我已经弄清楚了,我需要添加下面这行:

代码语言:javascript
复制
chart1.getAnimations().getLoad().setEnabled(true);

并确保我包含jchartfx.animation.js文件

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19845081

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档