1、散点图控制点的样式。

Highcharts.chart('container', {
series: [{
type: "scatter",
marker: {
fillColor: 'white',
lineColor: 'rgb(218,165,32)',
lineWidth: 2,
radius: 3
},
'events': {
"hide": visibleChg,
"show": visibleChg
}
}]
});

series这个属性很关键,代表图表的数据列,是一个数组,数组里的一个对象就代表一列数据。类型为散点图的对象里的marker属性,用于控制点的样式。fillColor代表点里面填充的颜色,lineColor圆周的颜色。lineWidth代表圆周的粗细。比方说,现在有一个需求,需要显示一个空心圆,那么可以设置fillColor为背景色,那么就蒙混过关了……更完美的方法就是设置透明度为0,即是完全透明,不过我没有深究可不可以设置……radius可以设置数据点的大小,虽然字面意思是半径,但是也适用于非圆点。而width和height这两个属性只针对图表标记有效。图表标记就是自定义的点的外观。events属性可以设置一些相关操作的回调函数。hide:当数据列被隐藏时的事件回调函数,通常是通过点击图例或调用 Series.hide() 函数时隐藏数据列。show:图表渲染完毕后,当数据列显示时触发的回调函数。数据列的显示通常是通过点击图例或调用 Series.show() 函数来操作的。

有时候,我们会发现散点图不显示点,这是因为turboThreshold属性,描述如下:当数据列包含的数据超过这个值时,Highcharts 只接受一维数组(包含 y 值)或二维数组(包含 [x,y] 数据的数组)形式的数据,这样做是为了保证最好的性能。当数据量超过这个值并且是对象的形式配置数据,那么 Highcharts 会报 12 号 错误。对于数组形式或对象形式, 为了更好的性能, Highcharts 只会检查第一个数据。如果需要关掉性能阈值检查,可以将此参数设置为 0。默认是1000

2、程序操纵显示标签。

通常情况下,只有鼠标移动到数据点上才会出现标签,如果我想要这样的效果:不需要鼠标移动到数据点上,直接由程序调用标签显示,可以做到吗?可以的

chart.tooltip.refresh(chart.series[0].data[index]);

3、

highcharts冷门功能总结的更多相关文章

  1. 解决highCharts导出功能汉化问题

    本文以highCharts中文网上的例子为原型,处理解决highCharts导出功能为英文的问题. 我们使用highCharts当然希望所有提示或文本都是中文的了,但是highCharts的默认语言是 ...

  2. Highcharts配置

    一.基础使用 <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> ...

  3. highchart去掉highcharts.com及导出

    右下角默认会有highcharts.com credits: { enabled:false} 导出服务用于Highcharts导出功能,即通过导出服务器将图表导出为常见图片格式或 PDF 文档. 默 ...

  4. 使用highcharts绘制美观的燃尽图

    使用highcharts绘制美观的燃尽图 助教在博客中介绍了两种绘制燃尽图的方法,但是我们组在使用时发现有些任务不适合写进issue,而且网站生成的燃尽图不是很美观,因此我们打算使用其他方法自己绘制燃 ...

  5. hightcharts 3d 堆积图下钻

    图片效果 ***************代码部分****************************************************** <!doctype html> ...

  6. JavaScript图形库

    做前端少不了画图,html5 的 canva 很强大,可是如果所有需求都自己画图,恐怕会被 leader 炒掉.记录一下我用过的几个 2D 和 3D 的js图形库,各种功能.我就不分 2D 和 3D ...

  7. Windows To Go 企业版2019 LTSC 开发环境部署

    Windows To Go 是一项非常实用的功能,与传统方式安装Windows 10相比更具有灵活性,会根据每次接入的硬件型号保留不同版本驱动. 由于博主是一名全栈程序员(截至发稿处于菜鸟级别),对灵 ...

  8. MonoDev 冷门而好用的功能

    [MonoDev 冷门而好用的功能] 1.Ctrl + B.跳转到对应的{}.(). 2.View -> Editor Layout -> 2 Columns.双屏工作. 3.Editr ...

  9. Highcharts图表的注解功能

    Highcharts图表的注解功能 在图表中,往往须要对图表总体或者部分元素进行对应注解.帮助浏览者阅读图表.尽管标签组labels能够实现类似的功能.可是其功能相对简单.要实现复杂的注解功能,用户能 ...

  10. 关于highcharts(功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库)

    官网http://www.hcharts.cn/ 引入下列文件 <script type="text/javascript" src="http://cdn.hch ...

随机推荐

  1. lg7863

    傻题. 对于相邻的每个点,从高度高的点向高度低的点连边. 依靠差分的思想,设边权是高度差. 考虑第一问,答案显然是这个图dag路径覆盖,可以运行最大流. 考虑第二问.如果每连一条链,那么答案会加上这条 ...

  2. 【剑指Offer】【树】序列化二叉树

    题目:请实现两个函数,分别用来序列化和反序列化二叉树   二叉树的序列化是指:把一棵二叉树按照某种遍历方式的结果以某种格式保存为字符串,从而使得内存中建立起来的二叉树可以持久保存.序列化可以基于先序. ...

  3. Java面向对象之static关键字详解

    static关键字详解 package OOP.Demo10; public class Person { //2:赋初值 { System.out.println("匿名代码块" ...

  4. Excel之VLOOKUP()函数的基本用法

    语法: VLOOKUP(lookup_value,table_array,col_index_num,[range_lookup]) 规则:  注意: 查找的值:内容需要完全一样 查找范围:查找范围的 ...

  5. virtualBox虚拟机中安装linux系统并连接

    1.安装virtualBox 1.1.下载 virtualBox是免费的,直接去官网下载 https://www.virtualbox.org/ 在官网左侧找到Downloads,下载需要的版本 1. ...

  6. RabbitMQ-01-使用Java进行简单消息发送与接收

    前言 这里使用手动管理jar与使用Maven管理jar两种方式,分别演示消息的发送和接收. 手动管理jar实现消息发送与接收 添加jar amqp-client-5.7.1.jar slf4j-api ...

  7. Centos 7 部署Kubernetes集群 (基于cri-dockerd)

    前言 基础描述 从 k8s 1.24开始,dockershim已经从kubelet中移除,但因为历史问题docker却不支持kubernetes主推的CRI(容器运行时接口)标准,所以docker不能 ...

  8. Linux配置文件和网络常用命令总结

    Linux应用配置大全 Linux网络基本配置 最小化安装的话是没有ifconfig命令的需要使用yum search ifconfig查找,然后yum install net-tools.x86_6 ...

  9. python读取word文档,插入mysql数据库实例

    表格内容如下: 1.实现批量导入word文档,取文档标题中的数字作为编号 2.除取上面打钩的内容需要匹配出来入库入库,其他内容全部直接入库mysql # wuyanfeng# -*- coding:u ...

  10. AFNI 教程 步骤5:统计和建模

    第一部分 时间序列 用AFNI打开fMRI数据, Graph按钮可以打开信号界面,中心的信号是该像素的信号随着时间的变化图,m 可以显示更少的体素,M可以显示更多的体素.V 可以浏览整个图像,+ 可以 ...