图表控件Anychart常见问题

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

AnyChart控件是一款当前流行的数据可视化解决方案，使客户可以创建交互地、生动的图表、实时仪表和地图。同时支持Flash和HTML5显示，控件提供极好的视觉外观和配色方案能够使客户根据不同的需求设计图表，AnyChart是一款跨浏览器的工具，可以被用于Web和Mobile应用程序，AnyChart可运行于当前PC和Mac上所有主流的浏览器，如：Chrome, Safari, Firefox, Internet Explorer和Opera，并且可用于所有移动平台(Android (2.2+) 和 iOS (iPhone, iPad, iPod Touch). )上的主流浏览器。支持不同的开发语言：ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, Perl等。AnyChart使用XML作为数据载体，可以从多种数据源获取数据text files, Excel, CSV, MySQL, MS SQL, Oracle 或其他任何数据库。

试用版下载：

http://www.componentcn.com/html/jbtbkj_249_5209.html

常见问题：

怎样去除图表和页面之间的边距？

A：在XML文件里像下面一样设置就可以了：

<anychart>
<margin all="0"/>
</anychart>

AnyChart如何显示输出中文？

通常图表中轴标签、数据点标签、图例以及图标标题等需要设置为中文，要实现这个功能只需要用文本文档打开您对应图表XML的文件，然后点另存为，在另存为对话框编码下拉框选择UTF-8即可

怎样删除图表外围的蓝色外边框？

默认情况下，anychart所有图表控件外围都有一个蓝色的边框，您可以在XML里进行设置，去掉蓝色外围边框。

<anychart>
  <charts>
    <chart plot_type="CategorizedVertical">
      <chart_settings>
        <chart_background enabled="false"/> //这里就是去掉蓝色的外边框
      </chart_settings>
      <data>
        <series>
          <point name="A" y="2"/>
          <point name="B" y="1"/>
          <point name="C" y="3"/>
        </series>
      </data>
    </chart>
  </charts>
</anychart>

当图表数据中有空值时，如何处理空值使曲线直接连接到下一个数据点？

<anychart>
<charts>
  <chart plot_type="CategorizedVertical">
   <data_plot_settings default_series_type="Spline" ignore_missing="false"/>
    <data>
     <series name="Series 1">
      <point name="P1" y="42"/>
      <point name="P2" y=""/>
      <point name="P3" y="56"/>
      <point name="P4" y=""/>
      <point name="P5" y="48"/>
     </series>
    </data>
  </chart>
</charts>
</anychart>

是否可以每隔多少秒刷新图表？

要实现这个功能，必须采用setInterval函数来调用setXMLFile方法，如下：

setInterval("chart.setXMLFile('data.php')",5000)

图表从data.php中获取数据并且每5秒刷新一次

当遇到有些轴标签或者数据点标签比较长需要分行显示时，如何控制轴标签或者数据点标签宽度？

<anychart>
<charts>
  <chart>
   <chart_settings>
    <axes>
     <y_axis>
      <labels width="30">
       <background enabled="true"/>
      </labels>
     </y_axis>
    </axes>
   </chart_settings>
  <data>
   <series>
    <point name="A" y="2">
     <label enabled="true" width="50"/>
    </point>
    <point name="B" y="1"/>
    <point name="C" y="3"/>
   </series>
  </data>
</chart>
</charts>
</anychart>