`
zengshaotao
  • 浏览: 787145 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

手动设置option,动态修改

 
阅读更多

 <head>

   

 

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<!-- highstock.js包含了highchart.js的相关功能 -->

<script type="text/javascript" src="js/highstock.js"></script>

<!-- <script type="text/javascript" src="js/highchart.js"></script> -->

<script type="text/javascript">

 

$(function () {

   var option = {

   chart:{

   renderTo:'container',

   type:'bar'

   },

   title:{

   text:'test'

   },

   xAxis:{

   categories:['Apple','Oracle','bananas']

   },

   yAxis:{

   text:'friut display'

   },

   series: [{

name: 'tomgreen',

data: [1, 2, 4] //这里的数据是和 xAxis的categoryies属性值是一致的

},{

name: 'John',

data: [5, 7, 3]

}]

   };

   

   var dynamicArr = {

   name:'dynamic add ',

   data:[11,11,22]

   }

   //动态添加option属性内容

   //要使得动态添加的内容能展现在图形上,需要在图形渲染之前添加

   option.series.push(dynamicArr);

   //绘制图形,返回对象之后,可以动态修改图形的参数

   var chartObject = new Highcharts.Chart(option);

});

 

</script>

  </head>

  

  <body>

 

<h3 style="text-align:center;">highcharts使用示例</h3>  

<div id="container" style="display:inline;width:90%;height:500px;border:1px solid red;">

 

</div>

 

 

  </body>

分享到:
评论

相关推荐

    GPU显卡风扇转速手动设置方法.docx

    ### GPU显卡风扇转速手动设置方法 #### 概述 在进行深度学习等高性能计算任务时,GPU(图形处理器)作为重要的计算资源,往往会产生大量的热量。为了保证GPU能够稳定运行并保持良好的性能,有效的散热措施至关重要...

    jQuery联动下拉框 jQuery optionTree

    在联动下拉框的场景中,jQuery可以帮助我们快速响应用户的交互,动态地更新DOM元素,如创建、删除或修改option元素。 optionTree插件是基于jQuery的一个扩展,它的设计目标是构建具有层级结构的联动下拉框。在一些...

    UIOption状态不足bug修复

    这可能涉及到更改状态标志的设置、调整绘制逻辑或优化资源管理。 5. **测试验证**:修复后,需要进行充分的测试以确保问题已经解决。这包括手动测试和自动化测试,确保在不同场景下`Option`控件都能正确显示其状态...

    datagridviw中加可手动输入的combobox

    综上所述,要在`DataGridView`中实现可手动输入的`ComboBox`,主要涉及添加`ComboBox`列、设置数据源、开启编辑模式、处理用户输入以及保存和恢复状态。这个功能增强了用户交互性,为数据输入提供了更多灵活性。通过...

    解决layui追加或者动态修改的表单元素“没效果”的问题

    总的来说,当在layui中遇到动态添加或修改表单元素后失效的问题时,关键在于理解layui Form模块的工作原理,并适时地调用`form.render()`方法来手动触发渲染。通过这种方式,我们可以确保动态生成的表单元素也能正常...

    dotnet 6 为什么网络请求不跟随系统网络代理变化而动态切换代理.rar

    在.NET 6中,开发人员可能会遇到一个情况,即网络请求不会随着系统网络代理设置的改变而自动切换代理。...无论是手动配置,还是利用系统API动态获取,确保正确处理代理设置是保证应用程序网络功能正常的关键。

    MySQL中修改密码及访问限制设置详解

    - **解释**:通过手动设置每个权限标志(例如`'Y'`表示开启,`'N'`表示关闭),可以精确控制用户的权限。 #### 总结 通过对MySQL中修改密码及访问限制设置的介绍,我们可以看到,MySQL提供了多种灵活的方式来管理...

    手动编写分区表的方法

    - 点击`Tools`菜单下的`Option`项,勾选`Virtualwrite`选项,这样在修改分区表后可以选择是否真正写入硬盘。 2. **硬盘初始化**:如果硬盘第0扇区被清零或破坏,可能会显示为“未初始化”或“未分区”状态。 - 不...

    设置Java环境变量

    通常,我们不需要手动设置,因为JDK会自动处理,但某些特殊情况下可能需要自定义。 VBScript是一种轻量级的脚本语言,常用于Windows系统中的自动化任务。在本例中,我们可以创建一个`.vbs`文件,利用VBScript的`...

    下拉列表选中项的文本值的赋值与取值

    总结来说,为下拉列表的选中项设置文本值主要涉及修改`selectedIndex`属性,而获取选中项的文本值则需要利用`options`和`text`属性。理解并熟练运用这些方法,能够帮助开发者更高效地处理与下拉列表相关的交互逻辑。...

    VM安装的Red Hat 9 Linux的屏幕大小的设置

    - 手动设置分辨率可以通过编辑X Window配置文件来实现。通常情况下,这些文件位于`/etc/X11/xorg.conf`中。 - 使用文本编辑器打开该文件: ```bash sudo vi /etc/X11/xorg.conf ``` - 在文件中找到与分辨率...

    vbs实现自动IP和静态IP

    在Windows系统中,静态IP地址是指手动设定的、不会自动更改的IP地址。这在需要固定网络标识或服务器等特殊场合非常有用。`STATIC IP.vbs`文件应该包含了设置静态IP的VBS脚本。下面是一个基本的静态IP配置脚本示例: ...

    Excel单元格下拉列表设置

    在实际应用中,你可能需要根据具体需求调整代码,比如设置下拉列表的范围、处理多行或多列的数据、或者动态生成选项等。NPOI库提供了丰富的API,可以满足各种复杂的需求。然而,由于NPOI对.xlsx格式的支持有限,对于...

    动态主机配置协议DHCP的配置

    - **灵活性高**:当需要更改IP地址或其他配置时,只需更新DHCP服务器上的配置文件即可,无需逐个修改客户端设置。 - **适应性强**:对于移动性高的设备(例如笔记本电脑),当它们在网络之间移动时,可以自动获取...

    动态生成各种图表

    例如,可以通过按钮点击事件触发不同图表类型的绘制,通过修改`option`对象中的`series`配置来改变图表类型。 4. **柱状图**:柱状图常用于比较不同类别的数值,ECharts 提供了丰富的柱状图样式和动画效果。通过...

    ruckus常用配置方法

    这通常涉及两个方面,一是通过DHCP Server配置Option43参数,告诉AP在哪个IP地址可以找到AC,二是通过AP的CLI界面手动指定AC的IP地址。对于Option43的配置方法,在Windows Server环境下涉及到添加特定的字符串到DHCP...

    COMS设置详解(很不错)

    而我们通常所说的COMS设置,则是指通过BIOS(Basic Input Output System)程序对这块内存中的数据进行修改的过程。 #### 二、进入CMOS SETUP程序 在启动计算机的过程中,当BIOS进行自检时,通过按下特定按键(通常...

    JS中使用new Option()实现时间联动效果

    可以通过设置options数组的索引来修改现有的option元素。 ```javascript function modifyOption(){ var obj = document.getElementById('mySelect'); var index = obj.selectedIndex; obj.options[index] = new ...

Global site tag (gtag.js) - Google Analytics