`
kongshanxuelin
  • 浏览: 931285 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

AmCharts接口扩展与调用

XML 
阅读更多

AmCharts不仅使用起来非常方便，而且提供了非常丰富的接口，我们可以有效的利用接口函数和回调做出非常棒的效果应用，这里我们利用amcharts接口实现以下3个非常有用的功能：

 

  1. 显示/隐藏图形中的网格
  2. 显示/隐藏图形中每条曲线的最大最小值
  3. 显示/隐藏图形中每条曲线上的数据
这3种应用一般在图形交互的过程中都会用到，在我有一篇博客中提到了amcharts与js的针对legend的应用，本文不再重复，我将所有的应用都做在了这个页面上，有兴趣的读者可以看下效果：点击这里查看效果



 
关键的技术主要涉及到：
  1. 利用getData和getSettings获取的data和settings的XML
  2. 解析XML文件并加上属性
  3. 重新设置data和settings，使得chart生效并重绘
  • 大小: 16.9 KB
1
顶
4
踩
分享到：
| <盘点2010年中国互联网最不靠谱的三位大佬 ...
评论
发表评论

文章已被作者锁定，不允许评论。

相关推荐

    unigui_iframe amcharts调用.rar

    【标题解析】：“unigui_iframe_amcharts调用”这个标题表明了我们要探讨的是一个与Unigui、iframe和amCharts相关的主题。Unigui是一个基于Delphi的跨平台UI框架，它允许开发者创建Web和移动应用。Iframe是HTML中的...

    amcharts3D flex帮助文档

    5. **自定义与扩展**: 开发者可以通过覆盖默认行为、添加自定义事件处理程序和扩展现有组件，对amCharts的功能进行深度定制。 6. **Examples**: 文件列表中的"Examples"可能包含预设的示例代码，展示了如何使用...

    asp.net 图表控件 amCharts

    2. **交互性**：amCharts支持用户与图表的直接交互，如点击、悬停和拖拽等操作，这使得用户可以更直观地探索和理解数据。 3. **动画效果**：amCharts的动画效果流畅自然，不仅增加了视觉的吸引力，还能够引导用户的...

    amcharts 3D柱状图解说

    6. **加载数据**：使用`chart.dataProvider`设置数据源，然后调用`chart.validateData()`方法更新图表。 **四、案例分析** 在`index.html`文件中，我们可能会看到类似以下的代码片段，展示了如何创建一个3D柱状图：...

    amcharts控件

    ### 二、AmCharts 3.21版的新特性与改进 1. **性能提升**：优化了渲染算法，提高了大规模数据处理和图表渲染的速度。 2. **新图表类型**：可能引入了新的图表类型或扩展了现有图表的功能。 3. **API增强**：提供...

    js版本的amcharts

    6. **插件与扩展**： AmCharts社区提供了许多插件和扩展，如Legend、Scrollbar、Export模块等，进一步丰富了其功能，满足更多定制化需求。 7. **兼容性和跨平台**： 作为JavaScript库，AmCharts可以很好地运行在...

    amcharts

    在“源码”标签中，我们可以推测这篇博客可能涉及到AmCharts的源代码分析，比如如何理解它的内部工作原理，或者如何根据需求修改源代码以扩展功能。对于开发者来说，了解源码有助于深入学习和优化图表的性能。 至于...

    amcharts用免费key注册

    5. **初始化图表**：调用amCharts的构造函数，传入配置对象，创建图表实例，并将其附加到之前创建的容器元素。 6. **加载数据**：将你的数据源绑定到图表，amCharts会自动处理数据更新和渲染。 **四、amCharts的...

    amcharts-3.20.20

    2. **动态与交互性**：amCharts 的图表是动态的，能够实时响应用户操作，如点击、拖动或悬浮时显示提示信息。这种交互性使得数据更易于理解和分析。 3. **自定义能力**：amCharts 提供了丰富的自定义选项，允许...

    Amcharts flash版

    通过ActionScript，你可以与AmCharts库进行交互，设置图表数据、样式、动画等属性。同时，需要将AmCharts的SWF文件集成到HTML页面中，并通过JavaScript或者服务器端脚本传递数据。 动态画图是AmCharts的一大特色，...

    amcharts 柱状图实例

    8. **完成初始化**：最后，调用 `validateData` 方法完成图表的绘制。 ```javascript chart.validateData(); ``` **四、amCharts 的高级特性** 1. **数据动态更新**：amCharts 支持实时数据更新，只需修改数据源，...

    amcharts_3.19.2.freeDEMO、源码

    AmCharts 是一个强大的JavaScript图表库，它允许开发者创建交互式且视觉吸引人的数据可视化图表。...通过深入研究提供的源码和DEMO，开发者不仅可以学会如何使用AmCharts，还能理解如何根据自身需求进行扩展和定制。

    amcharts_3.17.3去除logo

    **标题：“amcharts_3.17.3去除logo”** **内容详解：** `amcharts` 是一个流行且功能强大的JavaScript库，主要用于创建交互式的图表和地图。这个特定的版本，`amcharts_3.17.3`，是一个更新至2019年的版本（基于...

    amcharts官方离线文档

    **AmCharts离线文档详解** AmCharts是一款强大的JavaScript图表库，它提供了丰富的图表类型和高度定制的功能，使得在Web应用中创建交互式、可视化数据变得轻而易举。这款库适用于各种项目，从简单的个人博客到复杂...

    HTML5图表amCharts教程下载

    amCharts 是一款报表图形统计插件，可以生成动态展现的图形，支持用户交互，例如，鼠标放在图的上面，可以显示详细的统计信息。amCharts 提供了多种类型的图表，包括条形图、柱状图、曲线图、饼图、步线、平滑线、K ...

    amcharts 折线图 asp.net版

    7. **渲染图表**：调用AmCharts的`render()`方法在指定的容器中绘制图表。 8. **优化与交互**：进一步定制图表外观，如添加滚动、缩放、图例交互等。 **总结** 在ASP.NET环境下使用AmCharts创建折线图，不仅可以...

    amCharts开发实例

    二、ASP.NET与amCharts结合 在ASP.NET开发中，你可以通过以下步骤将amCharts集成到项目中： 1. 引入资源：首先，你需要在项目的HTML页面中引入amCharts的JavaScript库和对应的CSS样式表。这通常通过在标签中添加和...

    使用amCharts制作的基于c# wpf的股票K线图源码

    学习源码有助于理解整个图表的构建过程，以及如何将amCharts库与其他WPF组件协同工作。 总之，使用amCharts在C# WPF项目中创建股票K线图是一种高效且直观的方式。通过学习和理解所提供的源码，你可以快速掌握这个...

    amcharts的柱状图 asp.net版

    AmCharts 是一个强大的JavaScript图表库，它提供了丰富的可视化选项，包括柱状图。在ASP.NET环境中，AmCharts能很好地融入Web应用程序，为开发者提供交互式的图表功能。在本篇文章中，我们将深入探讨如何在ASP.NET中...

    WPF中使用amCharts绘制股票K线图源码的demo

    例如，它可能有一个ViewModel类，负责处理数据和与WebBrowser控件的交互，以及一个View类，展示WebBrowser控件。 1. **ViewModel**：这里可能包含一个ObservableCollection，用于存储股票数据。还可能有方法来加载...

Magicbox
Global site tag (gtag.js) - Google Analytics