`
rtuyls7
  • 浏览: 2605 次
文章分类
社区版块
存档分类
最新评论

JavaScript图表highcharts 4这下屌爆了

阅读更多

highcharts4支持3D,应该不是什么新鲜事了,随便抓一把图表也支持3D的,没什么新意。 如果你是这样认为,我只能说你没知识了。

 

如果你用过highcharts4就不会说他现在的3D功能不值一提。 正真的3D 功能不是照几张图表凑在一起,看起来立体就是3D的,这点在highcharts4效果图中可以看出,那种假3D时代应该淘汰了。

 

因为是新版本,所以很多人还停留在3时代,个人用,highcharts是免费的,如果有项目,建议大家考虑highcharts 4试试。只有真正体验过,才知其强大的效果。 给个效果参考:

 

先插入必要脚本:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-3d.js"></script>

 

下面是JS,其他随便折腾,要放插件扩展功能的,可以下载highcharts插件

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'pie',
            options3d: {
				enabled: true,
                alpha: 45,
                beta: 0,
            }
        },
        plotOptions: {
            pie: {
                depth: 25
            }
        },
        series: [{
            data: [2, 4, 6, 1, 3]
        }]
    });
});

 

有用的资料:

 

分享到:
评论

相关推荐

    网页图表Highcharts实践教程基础篇

    Highcharts是一款强大的JavaScript库,专为Web开发者设计,用于生成高质量的数据可视化图表。它支持多种图表类型,包括折线图、柱状图、饼图、散点图、热力图等,能够帮助用户直观地理解复杂数据。 一、Highcharts...

    3D图表Highcharts(3D)

    Highcharts是一款强大的JavaScript图表库,它能够帮助开发者创建出各种精美、交互性强的2D和3D图表。在“3D图表Highcharts”这个主题中,我们将深入探讨如何利用Highcharts来实现三维图表的制作,以及它在数据可视化...

    HighchartsJS是一个基于SVG和VML渲染的JavaScript图表库

    总结来说,Highcharts JS是一个强大且灵活的JavaScript图表库,它简化了数据可视化的复杂性,使得开发者能够轻松创建美观且功能丰富的图表。无论是在网页开发、数据分析还是其他领域,Highcharts都能成为实现数据...

    Highcharts js生成图表

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它允许开发者轻松创建高质量、交互式的图表,如柱状图、折线图、饼图等。这款库以其灵活性、易用性和丰富的功能而受到赞誉。在本文中,我们将深入探讨...

    highcharts, Highcharts JS,JavaScript图表框架.zip

    highcharts, Highcharts JS,JavaScript图表框架 Highcharts JS是基于SVG的JavaScript图表库,可以回退到旧浏览器的VML和 canvas 。官方网站:www.highcharts.com下载页面:www.highcharts.com/download授权:

    网页图表Highcharts实践教程基础篇.zip_javascript 教程_图表

    Highcharts是一款广受欢迎的JavaScript图表库,用于在Web页面或应用程序中创建互动式的图表。它以其易用性、灵活性和丰富的功能集而受到开发者们的喜爱。在这个基础篇的实践教程中,你将深入理解如何利用Highcharts...

    JavaScript 图表库Highcharts v6.2.0

    Highcharts是一个制作图表的纯Javascript类库。主要特性如下:兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;对个人用户完全免费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线...

    基于Jquery的图表Highcharts

    Highcharts是一个制作图表的纯Javascript类库,主要特性如下: * 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等; * 对个人用户完全免费; * 纯JS,无BS; * 支持大部分的图表类型:直线图,曲线图...

    js图表Highcharts-2.1.1源码

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它允许开发者创建出丰富多样、交互性强的统计图表。在“js图表Highcharts-2.1.1源码”中,我们可以深入理解其内部工作原理和实现机制。这个压缩包包含了...

    Highcharts-网页互动的JavaScript图表

    Highcharts是一款强大的JavaScript图表库,专门用于在网页上创建各种互动图表。它的核心特性在于其完全基于JavaScript编写,无需依赖其他任何服务器端语言,因此可以在任何支持JavaScript的浏览器环境中运行。这个库...

    Highcharts 4功能介绍文档

    Highcharts 4作为一款先进的JavaScript图表库,自其发布以来便备受关注。新版Highcharts 4不仅提升了图表性能,还增加了许多令人期待的新功能,如3D显示、DownloadBuilder、热力图以及立体仪表等。 #### 二、3D显示...

    highcharts图表插件(中文包和本地下载)

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建各种类型的交互式图表,包括折线图、柱状图、饼图、散点图等,为数据可视化提供了强大的支持。本压缩包资源主要包含以下几个核心...

    EasyUI图表插件Highcharts源码Demo(Java)

    Highcharts是一款功能强大的JavaScript图表库,它用于在Web页面上绘制交互式的柱状图、折线图、饼图等各种图表。在Java开发中,我们通常会结合EasyUI框架来使用Highcharts,因为EasyUI提供了丰富的组件和易于使用的...

    Highcharts图表库 v9.3.3.zip

    Highcharts图表库是一款广泛应用于网页数据可视化的JavaScript库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,帮助开发者轻松创建交互式的图表。v9.3.3是Highcharts的一个更新版本,带来了更多功能...

    Highcharts(JavaScript图表库)v6.2.0

    Highcharts是一个制作图表的纯Javascript类库。 主要特性如下: 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等; 对个人用户完全免费; 纯JS,无BS; 支持大部分的图表类型:直线图,曲线图、区域图...

    Highcharts多个图表共用一个提示框,每个图表多条曲线

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它允许开发者创建各种类型的图表,如折线图、柱状图、饼图等。在这个特定的场景中,我们关注的是如何实现"Highcharts多个图表共用一个提示框,每个图表多条...

    highcharts制作强大的页面图表

    Highcharts是一款强大的JavaScript图表库,它能够帮助开发者轻松地在网页上创建各种动态、交互式的图表。这款工具广泛应用于数据可视化领域,适用于各种类型的业务分析、报表展示等场景。Highcharts支持多种图表类型...

Global site tag (gtag.js) - Google Analytics