fusioncharts

FusionCharts提供了业界最全面的 Javascript图表 库，超过90种 图表类型 ，如柱状图，折线图，饼图以及一些高级图表，如漏斗图、金字塔图、Pareto图和变焦折线图等。近日，小编为大家整理了 FusionCharts 的各种 图表类型 ，从普通图表到高级图表，应有尽有，希望大家能一饱眼福。如果你对业务中所使用的图表有特殊要求，慧都也可根据你的需求进行 图表可视化定制开发！ FusionCharts柱状图&条形图效果展示 FusionCharts线形图&面积图效果 展示 FusionCharts饼图&圆环图效果 展示 FusionCharts组合图 效果展示 FusionCharts堆栈图效果 展示 FusionCharts泡泡图&XY图表效果 展示 FusionCharts Pareto图表效果 展示 FusionCharts Marimekko图表 效果展示 来源： oschina 链接： https://my.oschina.net/u/935975/blog/222958

FusionCharts Suite XT是全面的跨平台、跨浏览器JavaScript图表套包，其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案，目前在全球有45万用户选择Fusioncharts来制作专业的JavaScript图表。 下载FusionCharts最新版【慧都网】 创建缩放折线图 例如，我们将创建一个缩放折线图，以绘制去年每一天对harrysfoodmart.com和harrysfashion.com网站的唯一网站访问次数。 要创建缩放折线图，请执行以下步骤： 在JSON数据中，以"<attributeName>": "<value>"格式设置属性及其对应的值。 使用type属性指定图表类型。要渲染缩放折线图，请设置zoomline。 使用renderAt属性设置容器对象。 使用width和height属性指定图表的尺寸。 使用dataFormat属性设置要传递给图表对象的数据类型（JSON / XML）。 将compactDataMode属性设置为，1以指定JSON数据为紧凑格式。

FusionCharts Suite XT 是全面的跨平台、跨浏览器JavaScript图表套包，其中包括 FusionCharts XT 、 PowerCharts XT 、 FusionWidgets XT 、 FusionMaps XT 。支持 ASP、 ASP.NET、 PHP 、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案，目前在全球有45万用户选择Fusioncharts来制作专业的JavaScript图表。 点击下载FusionCharts最新版 甘特图是您可以使用的专用图表，用于显示各种时间线，例如项目时间线，开发时间线等。 甘特图的基础 甘特图是基于日期/时间的图表，您可以用它直观地绘制任务及其确切的开始和结束日期/时间。您还可以定义项目的里程碑，这些里程碑确定在给定的时间点应完成多少项目。这样，您可以跟踪项目进度并计划补救措施，以在出现延迟时使项目恢复正常。 典型的FusionCharts Suite XT Gantt图表如下所示： 甘特图的特征 使用甘特图，您可以： 同时显示日期和时间。 在可视时间轴上使用具有多个且不规则的日期划分的数据。您还可以自定义类别的标签和外观属性。 自定义输入和输出日期格式。这样，您可以以一种格式在JSON中提供日期

滚动多系列堆积柱2D 通过将type属性的值设置为，创建一个可滚动的多系列堆叠式二维列scrollMSStackedColumn2D。 有关属性的详细列表，请参阅滚动多系列堆积列2D图表的图表属性页面。 因此，滚动式多系列堆积柱二维图表如图所示： 滚动多系列的堆积柱形图2D +线双Y轴图表 让我们创建一个具有双y轴的可滚动的多系列堆叠式二维列和折线图。通过将type属性的值设置为来创建图表scrollMSStackedColumn2DLineDy。 有关属性的详细列表，请参阅滚动多系列堆积柱2D +线形双y轴图表的图表属性页面。 因此，滚动式多系列叠置列2D +线双y轴图如下所示： 配置的可视化数据地块编号 滚动图通常用于避免混乱。借助FusionCharts中的数据，您还可以配置首次加载图表时在滚动窗格中可见的数据图数量。要配置此numVisiblePlot属性，请使用属性指定可见图的数量。 请参阅下面给出的代码： { "chart": { "numVisiblePlot": "12" } } 将可见数据图的数量设置为十二的滚动图如下所示： 渲染滚动条与梯度效应 默认情况下，滚动图具有平坦的滚动条。您可以选择渲染渐变滚动条以直观地增强图表。要以渐变形式呈现滚动，请将flatScrollBars属性设置为0。 请参阅下面给出的代码： { "chart": {

FusionCharts Suite XT 是全面的跨平台、跨浏览器JavaScript图表套包，其中包括 FusionCharts XT 、 PowerCharts XT 、 FusionWidgets XT 、 FusionMaps XT 。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案，目前在全球有45万用户选择Fusioncharts来制作专业的JavaScript图表。 组合图类似于多系列图。它们使您可以在同一图表上绘制多个数据集。但是使用组合图表的另一个好处是，您还可以在同一图表上绘制多种图表类型。例如，您可以在同一图表画布上显示柱形图，折线图和面积图。 组合图可以以2D或3D呈现，可以具有单个或两个y轴，并且本质上可以堆叠或多个系列。 FusionCharts Suite XT提供的组合图为： 二维单Y轴组合图 3D单Y轴组合图 二维双Y轴组合图 3D双Y轴组合图 列3D +线单Y轴图表 列3D +线双Y轴图 堆积柱二维线单Y轴图 堆叠柱式3D线单Y轴图表 堆积柱二维线双Y轴图 堆叠式3D线双Y轴图表 堆积面积2D线双Y轴图表 多系列堆积柱二维+线双Y轴图表 2D单Y轴组合图 让我们创建我们的第一个组合图

FusionCharts产品团队很高兴宣布FusionCharts 3.15.2 的发布！ 这是自几个月前FusionCharts成为Idera系列成员以来的第一个FusionCharts版本，其中包括许多要求很高的功能增强。 对于FusionCharts，这包括用于 强大的 2D 图表 ，省时的CSS转换，通过针对选定图表的新事件来扩展开发人员的工作效率，以及对客户最要求的图表的大量质量改进和增强。 FusionCharts 3.15.2 和弦图的事件支持 在上一发行版中，我们引入了3个新图表，其中还包括一个Chord图。在此版本中，我们将为其提供API事件和方法支持。现在，开发人员可以将各种单击和悬停事件绑定到和弦图组件，从而为自定义图表提供了更大的灵活性。 支持CSS转换 在此版本之前，对CSS转换的支持是有限的，并且只能旋转。在此版本中，我们扩展了FusionCharts中CSS转换的范围，包括所有2D转换，例如rotate ，skew ，skewX ，skewY ，scale ，scaleX ，scaleY ，translate ，translateX ，translateY 和matrix 。现在，用户只需指定属性applyCSSTransform 的值为1，FusionCharts将自动处理指定给父容器的CSS转换。 改进了CSV导出 借助FusionCharts 3