最近一段时间,项目需要一个图形,鼠标放到节点上出现竖向的线,并显示曲线的值,使用的是fusionchart的zoom line图形。如下图:
属性配置:
第一种配置:
compactDataMode="1" dataSeparator="|" 这两个属性一起使用,第一个数据的格式,第二个表示数据之间的分割方式。如下:
<chart compactDataMode="1" dataSeparator="|" >
<categories>1日|2日|3日|4日</categories>
<dataset seriesName=“test”>1|2|2|2</dataset>
</chart>
第二种配置:不需要设置compactDataMode="1" dataSeparator="|" 两属性,标准配置适合所有的图形,如下:
<chart>
<categories>
<category label="1日"/>
<category label="2日"/>
<category label="3日"/>
<category label="4日"/>
</categories>
<dataset seriesName=“test”>
<set value="1"/>
<set value="2"/>
<set value="2"/>
<set value="2"/>
</dataset>
</chart>
Y轴显示小数,设置:adjustDiv="1" 和yAxisValueDecimals='0-10'(y轴值保留几位小数)
相关推荐
3. **设置图表属性**:你可以通过调用各种方法来设置图表的属性,比如标题、副标题、图例等。 ```javascript myChart.setChartParams({ caption: '销售统计', subCaption: '2019年各产品销售量', xAxisName: '...
在压缩包文件"**FusionChartsV3**"中,可能包含了以下内容: - **Charts示例**:演示如何创建和配置各种图表,帮助开发者快速上手。 - **API文档**:详细介绍了如何使用FusionCharts V3的各个功能,包括数据格式、...
为了方便开发者快速上手,FusionCharts V3提供了详尽的开发文档和丰富的示例代码,覆盖了从基本使用到高级功能的各个层面,帮助开发者快速掌握其用法。 综上所述,FusionCharts V3作为一款成熟的Web图表组件,无论...
3. **设置数据源**:数据可以来源于JSON、XML或者直接嵌入到JavaScript代码中。 4. **渲染图表**:调用`render`方法将图表渲染到指定的HTML元素上。 在"压缩包子文件的文件名称列表"中,"FusionCharts+v3.1.rar"是...
- **use3DLighting**:启用此参数,图表将展现出逼真的3D光照效果,提升视觉冲击力。 - **slicingDistance**、**pieRadius**、**startingAngle**、**enableRotation**等:这些参数分别控制饼图切片的分离距离、半径...
基于Flash的跨平台图表组件,利用xml与swf文件结合,页面动态输出flash效果; 压缩包里面含有49个swf...FusionCharts中文版使用手册,属性介绍文档,操作文档等。并且还带有FusionWidgets_Trial v3.1破解版多个示例!
通过压缩包中的FusionChartsV3文件,您可以找到相关的示例、库文件、文档和其他资源,这些都为开发者提供了实现数据可视化的强大工具和详细指南。无论是初学者还是经验丰富的开发者,都可以通过FusionCharts V3快速...
在提供的压缩包文件FusionChartsV3中,通常会包含示例代码、CSS样式、JavaScript文件以及可能的数据文件。通过学习这些示例,你可以了解如何实际应用FusionCharts V3 来生成2D和3D柱状图。 5. **动态更新** ...
在"FusionChartsV3"这个文件夹中,可能包含以下内容: 1. **示例代码**:展示了FusionCharts V3版本的各种图表示例,用户可以直接查看和运行这些代码,理解其工作原理。 2. **资源文件**:可能包含FusionCharts V3...
FusionChartsV3.rar可能是FusionCharts的更新版本或附加组件。 6. **FlashUpload.rar**:此文件可能包含一个Flash实现的文件上传组件,可以集成到报表控件中,使得用户能够上传数据文件,如CSV或Excel,用于生成...