`

highcharts中x轴曲线不连续时的解决办法

阅读更多

http://dl.iteye.com/upload/attachment/0061/4437/82aca3f1-8e29-37a7-966a-2a3f6387d015.jpg

如上所示,两点之间发生断裂。

两个点之间差距过大时,显示为断开的线条,按如下设定后,可以把断开的线条封闭起来。

 

 

        plotOptions: {
            line: {
                gapSize: 10
            }
        },

 如上,小于10的时候封闭两个点。

封闭后的图形:

 

http://dl.iteye.com/upload/attachment/0061/4439/24f516d6-bb2a-355d-bbd7-efda4c2b432f.jpg

 

 

4
1
分享到:
评论
8 楼 dragonsoar 2013-04-02  
liusg123 写道
中国凉茶 写道
liusg123 写道
垃圾玩意,换fusionChart吧.

你了解highcharts吗?同志?你去highcharts官网看看人家的列子,再去你说的fusionCharts官网看一下,对比一下,认真,好好看看,小伙子,别装了,少说话多做事,别得瑟了

这位老人精,你做做多维度大数据量分析的报表试试一眼就看出来了。

这讨论讨论问题,怎么成吵架的了啊???
7 楼 liusg123 2013-04-01  
中国凉茶 写道
liusg123 写道
垃圾玩意,换fusionChart吧.

你了解highcharts吗?同志?你去highcharts官网看看人家的列子,再去你说的fusionCharts官网看一下,对比一下,认真,好好看看,小伙子,别装了,少说话多做事,别得瑟了

这位老人精,你做做多维度大数据量分析的报表试试一眼就看出来了。
6 楼 lishuoying 2013-01-25  
fusionCharts和highcharts都用过,相对来highcharts灵活性更强,很容易做出复杂的定制图表
5 楼 dragonsoar 2013-01-25  
好文,收藏 了,我也经常被人骂,呵呵
4 楼 中国凉茶 2013-01-25  
kiven 写道
不要激动...
要原谅人家的无知。

我看完他的回复,以为fusionChart比highcharts很强大,特意去官网看了一下,就三点来说跟highcharts还是差一点:
1.highcharts图像下方自带的拖拽功能,很方便的查看某一时段数据。
2.highcharts的zoomType:'x'属性,可以让用户在图像中沿着x轴任意拖拽一段时间的数据,放大查看。
3.highcharts自带的小时间控件,1m/3m...可以动态的自动展示一个月,三个月....数据。

单是我用到的这些功能足以说比fusionChart要强大,fusionChart的折线图效果跟JfreeChart没什么区别,如果选择fusionChart,还不如省点事,直接用JfreeChart。
3 楼 kiven 2013-01-25  
不要激动...
要原谅人家的无知。
2 楼 中国凉茶 2013-01-25  
liusg123 写道
垃圾玩意,换fusionChart吧.

你了解highcharts吗?同志?你去highcharts官网看看人家的列子,再去你说的fusionCharts官网看一下,对比一下,认真,好好看看,小伙子,别装了,少说话多做事,别得瑟了
1 楼 liusg123 2013-01-25  
垃圾玩意,换fusionChart吧.

相关推荐

    Highcharts画折线图

    - **xAxis/yAxis对象**:设置X轴和Y轴的属性,如刻度、标签、范围等。 - **series数组**:包含各个数据系列,每个系列是一个对象,包含名称和数据数组。 5. **数据加载** - **静态数据**:可以将数据直接写入...

    Highcharts图表使用说明

    Highcharts 支持在同一图表中显示多个 Y 轴或 X 轴,这对于需要比较不同量纲的数据非常有用。每个轴都可以独立设置其位置、样式和其他属性,以满足特定的展示需求。 ##### 2.9 工具提示标签 当鼠标悬停在图表上的...

    Highcharts_强大的jQuery图表制作功能

    - `xAxis` 和 `yAxis`: 定义X轴和Y轴的属性,如分类、标题等。 - `tooltip`: 自定义鼠标悬停时的提示信息格式。 - `series`: 指定数据源,这里使用了Ajax获取数据的方式。 #### 四、总结 Highcharts因其强大的...

    JQuery Highcharts图表使用说明

    区域图**:区域图在X轴上填充颜色来表示区间,强调数据范围而不是具体点的值。 - **2.6. 区域曲线图**:结合了曲线图和平滑的区域填充,用于展示数据的范围变化。 - **2.7. 散布图**:散布图通过点的分布来显示两个...

    js曲线图类,用JS脚本实现的曲线图

    在JavaScript中,我们通常借助库如Chart.js、D3.js或Highcharts等来快速构建曲线图。然而,如果你想要从基础开始实现一个简单的曲线图,以下是一些基本步骤: 1. **HTML布局**:在HTML中创建一个canvas元素,它是...

    Highcharts_Highstock_Highmaps使用教程.pdf

    2. **坐标轴**:包括X轴和Y轴,可自定义刻度、单位、标签等。 3. **数据列**:用于表示图表的数据,可以是数值、时间序列等。 4. **颜色**:用于区分不同的数据系列,可以通过颜色映射来展示数据差异。 5. **数据...

    HighChart曲线图

    8. **优化与性能**:在实际应用中,需要注意图表的性能优化,例如减少数据点的数量、使用数据列渲染而非线条渲染等方法,以确保在大数据量时依然保持良好的用户体验。 通过以上知识点,我们可以理解如何使用...

    ASP.NET上传数据制作成饼图以及曲线图

    在这个场景中,我们关注的是如何在ASP.NET中利用用户上传的数据来生成饼图和曲线图。这对于数据可视化至关重要,它能帮助用户更直观地理解复杂的数据。 首先,我们需要了解饼图和曲线图的基本概念。饼图是一种用...

    带样条区带线性图表(spline-plot-bands)

    在图表中,区带是位于x轴或y轴上的颜色填充区域,用于突出显示特定的值域或区间。它们可以表示数据的边界、预测区间或是其他有意义的范围。例如,在金融图表中,区带可能用来表示平均值、标准差或者安全阈值。在...

    曲线图例子

    4. 绘制数据:将数据绑定到图表上,设置x轴和y轴的刻度和标签,以及曲线的样式。 5. 更新和交互:如果数据是动态的,可以监听事件或定时器来更新图表,同时可能还需要添加交互功能,如鼠标悬停显示详细信息、点击...

    Highcharts 区域图

    例如,如果x轴代表时间,而数据的趋势是从右到左,那么反转x轴可以更直观地呈现这种反向增长。 7. **曲线区域图**:与基本区域图相比,曲线区域图将连接数据点的线条变为平滑曲线,提供更流畅的视觉体验。这在显示...

    自定义折线图

    2. **数据格式化**:将原始数据转化为ECharts可识别的格式,通常是一个包含时间(x轴)和值(y轴)的数组。 3. **设置图表类型**:在ECharts的option对象中,设置`type`为`'line'`,表明我们要绘制折线图。 4. **...

Global site tag (gtag.js) - Google Analytics