fusioncharts 相关问题

如何去除角度中的融合图轨迹水印？

我尝试过使用 css 来隐藏它，但它不起作用 g[class$='creditgroup'] { dis...

如何使用CSS隐藏融合图表中的制作人员名单文本

我需要在显示图表时隐藏“Fusion Charts XT 试用版”文本。 我尝试使用 css 隐藏它，但它没有得到解决。 #css .raphael-group-423-creditgroup { 显示：无；

在react-webdatarocks中捕获数据透视表更新

我正在尝试将 webdatarocks 集成到我的 React 项目中。我按照官方文档中提供的教程进行操作。到目前为止，我可以加载我想要的报告并显示数据透视表选项卡...

如何格式化 FusionCharts 时间以包含秒？

我的问题 我已经为这个问题苦苦挣扎了几天。我的图表看到了它所提供的值。我可以这么说，因为图表的范围有 60k 的上限，但事实并非如此...

Flash 播放器图表未显示在打印中

我正在尝试从页面打印图表，该图表是使用使用 Flash Player 的 Fusion Charts 制作的。图表呈现在页面上后，结果如下： 我正在尝试从页面打印图表，该图表是使用使用 Flash Player 的 Fusion Charts 制作的。图表呈现在页面上后，结果是： <div> <embed type="application/x-shockwave-flash" src="../components/fusion_bar/swf/FCF_Bar2D.swf" width="800" height="400" id="productSales" name="productSales" quality="high" allowscriptaccess="always" wmode="transparent" flashvars="chartWidth=800&amp;chartHeight=400&amp;debugMode=0&amp;DOMId=productSales&amp;registerWithJS=0&amp;scaleMode=noScale&amp;lang=EN&amp;dataXML=<graph caption='' subCaption='' yAxisMinValue='0' yAxisMaxValue='5' yaxisname='Number of documents' xaxisname='Directions' showZeroPlaneValue='1' showAlternateVGridColor='1' alternateVGridAlpha='10' alternateVGridColor='AFD8F8' numDivLines='4' decimalPrecision='0' canvasBorderThickness='1' canvasBorderColor='114B78' baseFontColor='114B78' hoverCapBorderColor='114B78' hoverCapBgColor='E7EFF6' formatNumberScale='1' thousandSeparator='.' decimalSeparator=','><set name='Test 1' value='3' color='AFD8F8' /><set name='Test 2' value='0' color='F6BD0F' /></graph>"> </div> 我尝试使用 window.print() 打印页面，然后使用 html2canvas 转换图像中的内容，但图表在打印时没有显示。还有其他打印 Flash 播放器内容的选项吗？ 要在本地计算机中启用图表和 JavaScript 之间的通信（例如更新数据、检索数据、打印、导出、事件处理等），您需要设置 Flash Player 全局安全设置。 当您使用本地文件系统中的图表运行网页或应用程序时，Flash Player 的全局安全实施会阻止 JavaScript 与图表（Flash 图表）进行交互。要配置 Flash Player 全局安全设置（以启用链接和图表 API）并启用图表中的 JavaScript 调用，您需要将包含图表 SWF 文件的文件夹添加到 Flash Player 的受信任区域。 请参阅如何设置 Flash Player 全局安全设置页面以获取详细的分步指南：https://docs.fusioncharts.com/charts/Tools/FlashPlayerSecuritySetup/HowToSetup.html 对于 Chrome 浏览器中的管理打印，您可以尝试使用以下代码 - FusionCharts.printManager.enabled(true); 启用后，页面中出现的所有图表都准备好正确打印。一旦图表准备好（可以通过侦听打印管理器引发的事件来跟踪图表），您可以使用浏览器的文件 > 打印菜单、JavaScript 的本机 window.print() 函数或打印管理器的高级函数 - ManagedPrint()。在任何这些操作中，图表都会在印刷媒体上正确显示。 希望这有帮助

FusionCharts 组合图表 MySQL

我被要求创建一个具有 2 个 Y 轴和 1 条线的组合图表（根据文档 (http://www.fusioncharts.com/dev/chart-attributes.html?chart=mscolumn3dlinedy) t） ...

Fusion 图表的动态输入

我正在尝试将动态输入传递到 JSP 页面上的融合图表。我实际上正在尝试渲染一个条形图，但我不确定其列数。在下面的代码片段中，在 d...

使用 Django 在同一页面上显示多个 FusionCharts

我正在尝试构建一个包含多个图表的仪表板类型网站。我将 Django 与 FusionCharts 和 Postregsql 数据库后端一起使用。我能够渲染一张图表，但我一秒钟都没有...

Angular 7 通用，ReferenceError：窗口未定义

我正在使用 Angular 7 和 Angular Universal 制作 SSR，但是当我使用第三方的 Fusioncharts 时，我在运行此脚本 npm run build:ssr && npm runserve:ssr 时遇到此错误

如何在Django中使用mysql数据库数据导入FusionCharts

我想通过运行查询来使用存储在MySQL数据库中的数据，并在FusionCharts的帮助下显示数据。 现在 fusionCharts 使用 json 数据格式，但 MySQL 数据不使用。 怎么...

带模板的 FusionCharts 示例

有人知道如何使用 Vue FusionCharts 和“模板”吗？ 我创建了一个测试 VueJs 组件，名为 FChart： 有人知道如何使用 Vue FusionCharts 和“模板”吗？ 我创建了一个测试 VueJs 组件，名为 FChart： <template> <fusioncharts :type="type" :width="width" :height="height" :dataFormat="dataFormat" :dataSource="dataSource" ></fusioncharts> </template> <script> import Vue from "vue"; import VueFusionCharts from "vue-fusioncharts"; import FusionCharts from "fusioncharts"; import TimeSeries from "fusioncharts/fusioncharts.timeseries"; // register VueFusionCharts component Vue.use(VueFusionCharts, FusionCharts, TimeSeries); var jsonify = res => res.json(); var dataFetch = fetch("https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/line-chart-with-time-axis-data.json").then(jsonify); var schemaFetch = fetch("https://s3.eu-central-1.amazonaws.com/fusion.store/ft/schema/line-chart-with-time-axis-schema.json").then(jsonify); export default { name: "FChart", data() { return { width: "100%", height: "400", type: "timeseries", dataFormat: "json", dataSource: { chart: {}, caption: { text: "Sales Analysis" }, subcaption: { text: "Grocery" }, yaxis: [ { plot: { value: "Grocery Sales Value" }, format: { prefix: "$" }, title: "Sale Value" } ] } }; }, mounted: function() { Promise.all([dataFetch, schemaFetch]).then(res => { const data = res[0]; const schema = res[1]; const fusionTable = new FusionCharts.DataStore().createDataTable( data, schema ); this.dataSource.data = fusionTable; }); } }; </script> 我的 App.vue 执行以下操作： <template> <v-app> <v-content> <FChart /> </v-content> </v-app> </template> <script> import FChart from "./components/FChart"; export default { name: "App", components: { FChart } }; </script> 但这不起作用。我在控制台中看到一条错误消息： Uncaught TypeError: Cannot read property 'getLogicalSpace' of undefined at e.i.manageSpace (fusioncharts.timeseries.js?79dd:1) at e.t.updateVisual (fusioncharts.js?8f68:13) at Object.e.__drawJob [as job] (fusioncharts.js?8f68:13) at b (fusioncharts.js?8f68:13) 我 经过几个小时的研究和尝试，这里的版本与最初的版本并没有太大不同： <template> <fusioncharts :type="type" :width="width" :height="height" :dataFormat="dataFormat" :dataSource="dataSource" ></fusioncharts> </template> <script> import Vue from "vue"; import VueFusionCharts from "vue-fusioncharts"; import FusionCharts from "fusioncharts"; import TimeSeries from "fusioncharts/fusioncharts.timeseries"; Vue.use(VueFusionCharts, FusionCharts, TimeSeries); const jsonify = res => res.json(); const dataFetch = fetch( "https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/line-chart-with-time-axis-data.json" ).then(jsonify); const schemaFetch = fetch( "https://s3.eu-central-1.amazonaws.com/fusion.store/ft/schema/line-chart-with-time-axis-schema.json" ).then(jsonify); export default { name: "FChart", data() { return { type: "timeseries", width: "100%", height: "500", dataFormat: "json", dataSource: { data: null, caption: { text: "Sales Analysis" }, subcaption: { text: "Grocery" }, yAxis: [ { plot: { value: "Grocery Sales Value", type: "line" }, format: { prefix: "$" }, title: "Sale Value" } ] } }; }, mounted: function() { // In this Promise we will create our DataStore and using that we will create a custom DataTable which takes two // parameters, one is data another is schema. Promise.all([dataFetch, schemaFetch]).then(res => { const data = res[0]; const schema = res[1]; // First we are creating a DataStore const fusionDataStore = new FusionCharts.DataStore(); // After that we are creating a DataTable by passing our data and schema as arguments const fusionTable = fusionDataStore.createDataTable(data, schema); // After that we simply mutated our timeseries datasource by attaching the above // DataTable into its data property. this.dataSource.data = fusionTable; }); } }; </script> 您可以参考示例代码 - // STEP 1: to include the dependencies <script> import Vue from 'vue'; import VueFusionCharts from 'vue-fusioncharts'; import FusionCharts from 'fusioncharts'; import Column2D from 'fusioncharts/fusioncharts.charts'; import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion'; Vue.use(VueFusionCharts, FusionCharts, Column2D, FusionTheme); // STEP 2: Prepare the data const chartData = [ { label: "Venezuela", value: "290" }, { label: "Saudi", value: "260" }, { label: "Canada", value: "180" }, { label: "Iran", value: "140" }, { label: "Russia", value: "115" }, { label: "UAE", value: "100" }, { label: "US", value: "30" }, { label: "China", value: "30" } ]; // STEP 3: Configure your chart const dataSource = { chart: { caption: "Countries With Most Oil Reserves [2017-18]", subcaption: "In MMbbl = One Million barrels", xaxisname: "Country", yaxisname: "Reserves (MMbbl)", numbersuffix: "K", theme: "fusion" }, data: chartData }; export default { name: 'app', data() { return { "type": "column2d", "renderAt": "chart-container", "width": "550", "height": "350", "dataFormat": "json", dataSource } } } </script> //STEP 4: Render the chart <template> <div id="app"> <div id="chart-container"> <fusioncharts :type="type" :width="width" :height="height" :dataformat="dataFormat" :dataSource="dataSource" > </fusioncharts> </div> </div> </template> 要了解有关此功能的更多信息 - https://www.fusioncharts.com/dev/getting-started/vue/your-first-chart-using-vuejs https://www.fusioncharts.com/dev/getting-started/vue/configure-your-chart-using-vuejs

如何在 angular2 中添加融合图表的许可证密钥

正如融合图表文档中所解释的，它不适用于角度。我如何为角度项目实现这一点？ 融合图许可证 FusionCharts.options.license({ 钥匙： ''， 信用...

FusionCharts stackedbar2d 中文本的位置

我有几个 stackedbar2d ，它们的值非常不同。条形中必须包含包含条形值的文本。 对于文本的位置我有这一行： `"x": "$dataset.1.set.0.X - 90...

角度融合时间序列图表给出错误无法读取未定义的“addSymbol”扩展的属性必须具有有效的扩展属性

我尝试过使用 Angular v13 和 14 以及 Angular fusion 包 3.18.0 和 4.0.3 当我使用类型作为时间序列并且未渲染图表时，出现低于错误的错误 :: 未兑现的承诺

Fusion Charts FusionTime 从 mySQL 制作时间序列图表

我是所有编码方面的初学者，但如果有人可以提供帮助，我需要一些 Fusion Charts 的帮助。 我已经按照 Fusion Charts 的教程将其链接到 MySQL 数据库并显示...

FusionChart 中的图表渲染上未显示 X 轴标签

图表渲染时默认不显示 X 轴标签。单击图例（例如 T2）后，它会显示。详细信息请参阅下面的图片。 图 1：标签未显示。 图2：点击图例（T2），la...

类型错误：无法读取未定义的属性“addSymbol”

我正在尝试从FusionCharts实现Msstackedcolumn2dlinedy，我现在已经为此图表添加了静态数据，但我在控制台中收到错误，如标题中所述。这是...的详细信息

在融合图表Angular 8中添加数据加载消息

如何在组件端不使用渲染功能的情况下，在融合图表中加载数据之前显示消息？ 所以我使用以下代码创建了图表： 如何在组件端不使用渲染功能的情况下，在融合图表中加载数据之前显示消息？ 所以我使用以下代码创建了图表： <fusioncharts width="100%" height="600" [type]="metric.type" [dataSource]="metric"> </fusioncharts> 这里我将图表数据作为 JSON 传递到 dataSource 中，因此我不需要组件端的渲染函数，并且我的图表工作正常。 我已阅读文档，但找不到任何通过 JSON 设置 dataLoadStartMessage 的方法。 在FusionCharts指令中，您可以调用所有消息类型参数，例如，当数据加载时您可以使用dataEmptyMessage属性，这里是一个演示片段 <fusioncharts width="100%" height="600" [type]="metric.type" [dataSource]="metric" dataEmptyMessage="Please wait data is loading"> </fusioncharts> 您可以更改图表整个生命周期中出现的图表状态消息的文本和样式 var revenueChart = new FusionCharts({ type: 'column2d', dataLoadStartMessage: "Fetching revenue data for the previous year", renderAt: 'chart-container', width: '550', height: '350', dataFormat: 'xmlurl', dataSource: 'columndata.php' }); 要自定义 dataLoadStartMessage 的样式，属性将为： dataLoadStartMessageFont: 'Helvetica', dataLoadStartMessageFontSize: '24', dataLoadStartMessageColor: ‘#00FF00' 有关此功能的更多信息，请参阅 - https://www.fusioncharts.com/dev/common-use-cases/change-chart-messages#setting-custom-messages 这是演示小提琴 - https://codepen.io/pen?&editors=101&layout=left

当选项卡未处于活动状态时，Fusioncharts 图表不会呈现 - Angular

编辑： 现在，我通过为图形组件添加 *ngIf 条件来正确获取数据。但是，图表被渲染，没有得到任何填充颜色。获取的填充URL是 填充=“网址（'http://

如何将 svg 文本渲染到 Angular 8 中的 dom 元素

我有一个 fusionchart 图，当用户单击“获取 svg 字符串”按钮时，我想从中获取图像并显示在同一 html 页面中。 我从 this.chart.getSVGString() 获取 svg 文本，但如何...