-
HighCharts默认隐藏直线15
使用HIGHCHARTS,默认的话显示是如图1所有的线都是显示的,当点击legend框中的线的时候被选中的线会隐藏,我想问的是,如何第一次显示的时候就是图2的状态?
图1:
p1.png
图2:
p2.png
2013年1月08日 15:42
1个答案 按时间排序 按投票排序
-
在数据加载完成以后,立刻调用hide方法隐藏掉相关的series。
var series = chart.series[0]; series.hide();
不管用什么办法获取到你要隐藏的那个series,直接知道序号也好,遍历比对name也好。然后调用hide方法就行了。
可以参考这个:
http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-hide/
貌似网页有点慢……2013年1月09日 00:42
相关推荐
在使用Highcharts这一强大的JavaScript图表库时,有时我们可能会遇到一个默认设置:图表上带有官方的水印标志。对于一些商业应用或是希望提高图表美观度的需求来说,去除这些水印是非常必要的。本文将详细介绍如何在...
Highcharts是一款强大的JavaScript图表库,用于在Web上创建交互式的图表和图形。它支持各种类型的图表,包括柱状图、折线图、饼图、散点图等,为数据可视化提供了丰富的选择。以下是对Highcharts及其相关知识点的...
Highcharts是一款强大的JavaScript图表库,它能够为网页和应用程序提供丰富多样的数据可视化效果。基于jQuery库,Highcharts使得在Web页面上创建交互式图表变得简单易行。在这个压缩包中,很可能包含了Highcharts的...
Highcharts是一款强大的JavaScript图表库,它能够帮助开发者创建各种丰富的数据可视化效果,广泛应用于Web应用程序中。这款库以其易用性、灵活性和丰富的图表类型而备受赞誉。在Highcharts中,你可以选择不同的图表...
Highcharts默认提供了多种颜色方案,当要显示的图形多于颜色种类时,多出的图形会自动循环使用第一种颜色方案。可以使用 `Highcharts.setOptions` 方法自定义颜色方案,例如: ```javascript Highcharts.setOptions...
* `ignoreHiddenSeries`:boolean类型,是否忽略隐藏的数据系列,默认为true。 * `inverted`:boolean类型,是否将y轴翻转,默认为false。 * `margin`:number类型,图表内边距设置。 * `marginTop`、`marginBottom`、`...
- 动画效果:Highcharts默认开启动画,可以调整动画的持续时间和缓动函数,使图表加载更平滑。 5. **示例代码** ```javascript Highcharts.chart('container', { series: [{ name: 'Series 1', data: [1, 2, ...
- `highcharts.css`:基础样式文件,用于默认的图表样式。 - 示例文件:可能有多个HTML和JavaScript示例文件,展示了不同类型的图表和配置。 - 图标和图片:用于图表元素(如图例图标、数据点等)的图像资源。 - ...
标题中的"Highcharts-9.3.2.zip"表明这是一个包含Highcharts库版本9.3.2的压缩文件,开发者可以下载并解压来使用这个版本的库。 在描述中提到了几个关键点,首先,Highcharts兼容IE6及以上的浏览器,这在现今许多...
Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建出各种美观且功能丰富的图表,包括折线图、柱状图、饼图、散点图等。这款库以其易用性、灵活性和高性能著称,适用于数据可视化的...
2. **中文插件**:Highcharts默认使用英文,但考虑到中文用户的使用需求,此压缩包提供了中文语言包。通过加载这个插件,图表的默认文本(如图例、标题、工具提示等)可以自动转化为中文,提高了用户体验。 3. **...
Highcharts图表库是一款广泛应用于网页数据可视化的JavaScript库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,帮助开发者轻松创建交互式的图表。v9.3.3是Highcharts的一个更新版本,带来了更多功能...
4. **graphics文件夹**:与gfx类似,这个文件夹也可能存储了用于Highcharts图表的图形资源,比如默认的图表背景、数据标签样式等。开发者可以修改或扩展这些资源来自定义图表的视觉效果。 5. **js文件夹**:这是...
Highcharts-2.3.5 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线...
首先,我们需要理解Highcharts饼图的标签默认行为。默认情况下,Highcharts会尝试在饼图的周围空间内放置标签,但如果标签过长,没有足够的空间容纳,就会出现重叠或超出的问题。为了解决这个问题,Highcharts提供了...
Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中很多图表可以集成在同一个图形中形成混合图。 // jQuery,注意 Highcharts 4.2 ...
Highcharts是一款强大的JavaScript图表库,它能够帮助开发者创建出各种精美、交互性强的2D和3D图表。在“3D图表Highcharts”这个主题中,我们将深入探讨如何利用Highcharts来实现三维图表的制作,以及它在数据可视化...