FusionChart
关注
分享
扫一扫
文章平均质量分 71
翱翔天地
技术在于专注！主要从事前端开发，熟悉vue、jQuery、uniapp等，有微信公众号和微信小程序开发经验，熟练使用echarts、highcharts、帆软报表；了解Java、python和mysql
展开
-
FusionCharts MSBar2D图
1、页面展示 FusionCharts MSBar2D图 $(function(){ var doubleBar = new FusionCharts( "../scripts/Charts/MSBar2D.swf", "doubleLineId", "100%", "5原创 2014-01-28 22:38:00 · 2216 阅读 · 0 评论 -
FusionWidgets DrawingPad图
1、数据源DrawingPad.xml：原创 2014-03-02 22:36:14 · 1438 阅读 · 0 评论 -
FusionCharts for Flex的属性和事件
FusionCharts for Flex的属性和事件1、Properties（属性）（1）FCChartType（2）FCDataURL（3）FCDataXML（4）FCDebugMode（5）FCFolder2、Handling Event（处理事件）（1）FCClickEvent（2）FCRenderEvent（3）FCLoadEven原创 2014-03-13 23:45:24 · 1550 阅读 · 0 评论 -
FusionCharts多数据验证饼图label是否重叠
昨天，有人问我一个问题：由于饼图的数据太多，label标签上的汉字过多，导致重叠，该怎么解决？ 今天我用大量的数据，label标签的字符也很多，但是通过验证没有发现有重叠的情况啊！1、验证的JSP页面<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-原创 2014-03-13 23:05:32 · 2620 阅读 · 0 评论 -
FusionCharts
FusionCharts原创 2014-03-15 16:40:18 · 1351 阅读 · 0 评论 -
FusionCharts For Flex报错
1、前天，我新建了一个Flex项目，并且将FusionCharts组件导入项目中， 但是还是报错，报错如下：2、项目结构目录原创 2014-03-16 15:28:05 · 1146 阅读 · 0 评论 -
dojo、iframe和FusionCharts兼容性
今天，我们项目组对项目收尾检查，却突然发现了一个问题，FusionCharts出现兼容性问题。 在火狐浏览器上，项目运行正常；在IE8（标准模式下）运行正常，但是在IE8杂项出现兼容性问题。经过检查，发现FusionCharts在IE8杂项的宽度没有限制，设置成100%var columnChart = new FusionCharts( "FusionCharts/Colu原创 2014-03-17 22:08:52 · 2623 阅读 · 0 评论 -
FusionCharts使用问题及解决方法(四)-FusionCharts常见问题大全
FusionCharts使用问题及解决方法(四)-FusionCharts常见问题大全问题描述：使用FusionCharts时，我想在一个给定的时间间隔内自动在服务器端生成图表，将最新生成的图表以电子邮件方式发出去？解决方法：请注意，目前为止FusionCharts 不支持直接通过邮件发送图表。但是FusionCharts图表组件允许你将图片导出为图像并保存在服务器上。因此，你转载 2014-03-18 23:10:45 · 1971 阅读 · 0 评论 -
FusionCharts使用问题及解决方法(五)-FusionCharts常见问题大全
FusionCharts使用问题及解决方法(五)-FusionCharts常见问题大全问题描述：是否可以利用FusionCharts XT 在Flex程序中创建图表？解决方法：不可以。若你需要在Flex程序中创建图表，你需要借助于FusionCharts for Flex中经过专门编译的SWF文件。此外，你还需要使用Flex Builder组件--FusionCharts.sw转载 2014-03-18 23:12:54 · 1689 阅读 · 0 评论 -
FusionCharts生成Flash图表常见问题FAQ
FusionCharts生成Flash图表常见问题FAQ问题描述：利用FusionCharts创建Flash图表时，能否直接从数组或recordset或webservice中提取数据？解决方法：不可以从数组等中直接提取数据。因为FusionCharts需要XML格式的数据。如果你从数组或recordset或webservice中提取数据的话，你需要通过Flash代码从这些数据源转载 2014-03-18 23:15:51 · 1252 阅读 · 1 评论 -
FusionCharts使用问题及解决方法(二)-FusionCharts常见问题大全
FusionCharts使用问题及解决方法(二)-FusionCharts常见问题大全如何启用JavaScript调试模式？要启用JavaScript调试模式，你将需要写下面的几行代码：FusionCharts.debugMode.enabled(true);此外，你还需要指定"debugMode" 输出的位置。如果你还想在浏览器的JavaScript控制台中查看错误，转载 2014-03-18 23:06:58 · 1504 阅读 · 0 评论 -
FusionWidgets Cylinder图
1、数据源Cylinder.xml：<chart palette="4" lowerLimit="0" upperLimit="10000" numberSuffix=" ltrs." bgColor="FF0000" paletteThemeColor="669933" showTickMarks="1" ticksOnRight="0" majorTMNumber=原创 2014-03-02 21:47:08 · 1891 阅读 · 0 评论 -
FusionWidgets Bulb图
1、数据源提供Bulb.xml： 80 822、JSP页面Bulb.jsp：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>F原创 2014-03-02 21:02:23 · 1389 阅读 · 0 评论 -
FusionChart 2D面积图
1、创建一个web工程，命名为chart；2、在WebContent目录下新建一个fusionchart文件夹，将FusionCharts.js拷到该目录下；3、同样，将jquery-1.10.1.js和Area2D.swf也拷到WebContent目录下；4、然后在WebContent目录下，新建一个JSP文件，取名为Area2D.jsp;Area2D.jsp的源码如下：原创 2013-06-28 23:45:32 · 2750 阅读 · 1 评论 -
FusionCharts中图的属性的总结归纳
FusionCharts中图的属性的总结归纳1、横坐标label间隔显示labelStep="4"2、柱状图有椭圆角useRoundEdges="1"原创 2014-02-10 21:18:06 · 1626 阅读 · 0 评论 -
Flex中的FusionCharts 3D饼图
1、3D饼图设计源码<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%原创 2014-02-23 17:03:02 · 2182 阅读 · 3 评论 -
Flex中的FusionCharts 2D柱形图
1、2D柱形图源码<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%原创 2014-02-23 17:30:15 · 1488 阅读 · 0 评论 -
Flex中的FusionCharts 3D柱形图
1、3D柱形图源码<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%原创 2014-02-23 17:34:05 · 1829 阅读 · 0 评论 -
Flex中的FusionCharts 四图监听
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" creationCom原创 2014-02-23 19:25:50 · 1772 阅读 · 1 评论 -
Flex中的FusionCharts 2D饼图
1、设计思路（1）FusionCharts中有Flex组件文件FusionCharts.swc，这样可以让FusionCharts用Flex展示出来；（2）利用xmlns:components="com.fusioncharts.components.*"组件，将FusionCharts嵌入到Flex中。2、Flex中展现FusionCharts饼图源码pieChart.m原创 2014-02-23 16:25:03 · 2331 阅读 · 0 评论 -
FusionCharts ID重复
1、今天在做项目时，有关FusionCharts柱状图的，调试的过程中，我发现IE浏览器出现FusionCharts ID重复。 具体的消息如下：消息：#25081843：IECompatibility() Chart Id is same as a JavaScript variable name.Variable naming error. Please原创 2014-02-21 21:40:22 · 3264 阅读 · 6 评论 -
FusionCharts饼图中label值太长怎么解决
FusionCharts饼图中label值太长怎么解决1、使用hoverText属性 2、实例图原创 2014-02-26 23:29:57 · 3401 阅读 · 0 评论 -
FusionWidgets之AngularGauge图
1、设置AngularGauge图的数据源AngularGauge.xml：<chart lowerLimit="0" upperLimit="100" lowerLimitDisplay="差" upperLimitDisplay="好" numberSuffix="%" showValue="1" baseFontSize="16" showBorder="1">原创 2014-03-01 21:17:06 · 2492 阅读 · 0 评论 -
FusionCharts使用问题及解决方法(三)-FusionCharts常见问题大全
FusionCharts使用问题及解决方法(三)-FusionCharts常见问题大全当HTML、SWF和JavaScript文件在同一个文件夹中时， FusionCharts工作正常，但是如果它们被放到不同的文件夹中，FusionCharts无法正常工作？你需要注意以下几点：1、如果你从另外一个域中获取数据的话，FusionCharts无法正常工作，因为Flash转载 2014-03-18 23:09:14 · 1734 阅读 · 0 评论 -
关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法
关于FusionCharts图表宽度width的设置问题导致图表显示异常的解决办法题设:经常使用FusionCharts图表的朋友可能会遇到这个问题.就是在FusionCharts显示的时候有时候会显示出不完整的图表,现象是只显示标题,但是标题不居中,同时看不见图表,或者是只显示Y轴,而X轴的数据全部都重叠在Y轴上,完全无法看清.查看FLASH加载完成,并且FLASH右键菜单弹出正常.转载 2014-03-18 22:51:51 · 2506 阅读 · 0 评论 -
最新版FusionCharts3D柱状图
1、实现源码 FusionCharts最新版FusionCharts3D柱状图 body,html{ width:99%; height: 98%; font-family: "arial rounded mt bold"; font-size: 12px; } $(document).ready(fu原创 2016-06-24 18:58:45 · 10495 阅读 · 0 评论 -
最新版FusionCharts2D饼图
1、实现源码 最新版FusionCharts2D饼图 body,html{ width: 99%; height: 98%; font-family: "微软雅黑"; font-size: 12px; } $(document).ready(function(){ FusionCharts.re原创 2016-06-24 20:11:25 · 10308 阅读 · 1 评论 -
最新版FusionCharts3D饼图
1、实现源码 最新版FusionCharts3D饼图 body,html{ width: 99%; height: 98%; font-family: "微软雅黑"; font-size: 12px; } $(document).ready(function(){ FusionCharts.re原创 2016-06-24 20:17:04 · 5015 阅读 · 0 评论 -
TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.createClass is not a function
1、错误描述2、错误原因import React, {Component} from 'react';import {render} from 'react-dom';import Button from 'react-bootstrap/Button';var TickTock = React.createClass({ mixins: [SetIntervalMi...原创 2019-05-24 14:33:10 · 11764 阅读 · 8 评论 -
Cannot use v-for on stateful component root element because it renders multiple elements
1、错误描述2、错误原因<template> <blog-info v-for="info in infos" v-bind:key="info.id" v:bind:title="info.title"></blog-info></template><script> expor...原创 2019-05-24 16:35:43 · 1274 阅读 · 0 评论 -
Objects are not valid as a React child (found: [object HTMLDivElement])
1、错误描述2、错误原因import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import * as serviceWorker from './serviceWorker';ReactDOM.render(<Ap...原创 2019-05-21 16:02:27 · 3256 阅读 · 0 评论 -
DOMException: Failed to execute 'setAttribute' on 'Element': ',' is not a valid attribute name
1、错误描述2、错误原因<template> <div id="column3dChart"> <fusioncharts :type="type" :width="width", :height="height" :dataFormat="dataFormat" :data...原创 2019-05-17 11:15:29 · 19344 阅读 · 3 评论 -
Component(...): Nothing was returned from render
1、错误描述2、错误原因class Column2DChart extends React.Component { render() { return ( <ReactFusioncharts type="column2d" width="1200" height="600" dataFor...原创 2019-05-23 15:08:08 · 3091 阅读 · 0 评论 -
TypeError: instance.render is not a function
1、错误描述2、错误原因import React, {Component} from 'react';import {render} from 'react-dom';import Button from 'react-bootstrap/Button'class InputRead extends Component { constructor() { return ...原创 2019-05-24 10:38:18 · 5064 阅读 · 0 评论 -
Target container is not a DOM element
1、错误描述2、错误原因import React, {Component} from 'react';import {render} from 'react-dom';import Button from 'react-bootstrap/Button'const ProPic = (props) => { return ( <img src={'http:...原创 2019-05-24 11:32:37 · 7724 阅读 · 0 评论 -
最新FusionCharts2D柱状图
1、实现源码 FusionCharts最新FusionCharts2D柱状图 FusionCharts.ready(function(){ var columnChart = new FusionCharts({ type:"column2d", renderAt:"column2D", width:"1345",原创 2016-05-26 23:24:59 · 12147 阅读 · 0 评论 -
最新版FusionCharts2D面积图
1、实现源码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> 最新版FusionCharts2D面积原创 2016-04-20 23:02:20 · 11571 阅读 · 0 评论 -
FusionCharts导出图表常见问题（FAQ）汇总---FusionCharts常见问题大全
FusionCharts导出图表常见问题（FAQ）汇总问题描述：我尝试使用Download Package > Code > ExportChartSamples中导出FusionCharts图表时，到最后一步的时候总是报错？解决方法：在运行下载包中的示例时，你需要进行下列安装步骤：当运行服务器端示例时，确定你已把相关导出处理程序 (服务器端) 复制粘贴到服务器中。接下来，转载 2014-03-18 23:14:13 · 1654 阅读 · 0 评论 -
FusionCharts使用问题及解决方法(一)-FusionCharts常见问题大全
FusionCharts使用问题及解决方法(一)-FusionCharts常见问题大全如果你无法看到任何图表：如果浏览器中的进度条一直加载，或者右键菜单显示 "Movie not loaded"，请检查下列内容：1、是否已将SWF图表和JavaScript文件(FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Char转载 2014-03-18 23:05:09 · 3244 阅读 · 0 评论 -
Flex中的FusionCharts 2D折线图
Flex中的FusionCharts 2D折线图1、设计源码LineChart.mxml：<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe原创 2014-04-16 22:39:27 · 4006 阅读 · 11 评论