欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

fusionchartsv3使用 fusionchart

程序员文章站 2022-06-04 11:28:11
...

最近一段时间,项目需要一个图形,鼠标放到节点上出现竖向的线,并显示曲线的值,使用的是fusionchart的zoom line图形。如下图:
fusionchartsv3使用
            
    
    
        fusionchart
 属性配置:

第一种配置:

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轴值保留几位小数)

  • fusionchartsv3使用
            
    
    
        fusionchart
  • 大小: 29.1 KB
相关标签: fusionchart