Highcharts中字符串处理方式(4)

Highcharts中字符串处理方式(4)

对于前面重复节点名字的问题,这个时候也可以解决了。解决方式就是为节点指定Highcharts允许的x值。

【实例2-9:strdata2】下面解决实例2-7的问题。核心代码如下:

  • series: [{
  • data: [92, 85, 89, 97, 91,[0,93]]    //指定最后一个节点的x值
  • }],
  • xAxis: [{
  • type: ‘category’,
  • categories:[‘第一次’,’第二次’,’第三次’,’第四次’,’第五次’]
  • }]

执行代码后,效果如图2.9所示。从图中可以看到,“第一次”刻度上有两个节点了。虽然在折线图很少遇到情况,但是在其他图表类型中经常会遇到这类问题。

重复节点名称的解决

PS:本内容已经加入《网页图表Highcharts实践教程基础篇》v1.2.5。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-09 06:46:58

Highcharts中字符串处理方式(4)的相关文章

Highcharts中字符串处理方式(2)

Highcharts中字符串处理方式(2) 如果数据节点中出现相同的name,Highcharts并不会认为是相同的,会按照不同的刻度来处理. [实例2-7:strdata1]构建一个具有相同节点名称的图表.核心代码如下: series: [{ data: [ ['第一次', 92],     //相同节点名称 ['第二次', 85], ['第三次', 89], ['第四次', 97], ['第五次', 91], ['第一次',93]     //相同节点名称 ], keys:['name','

Highcharts中字符串处理方式(5)

Highcharts中字符串处理方式(5) 字符串作为y值 由于Highcharts不支持字符串作为y值,也不能将节点名称name解析到y轴上,所以只能采用实例2-9的方式进行转化. [实例2-10:strdatay]将某同学的成绩表生成图表,其成绩如表2.3所示.其中x值是考试次数,成绩作为y值. 表2.3 某同学考试成绩 核心代码如下: series: [{ data: [2, 1, 3, 2,3]      //将字符串转化为刻度值 }], yAxis: [{ type: 'categor

Highcharts中字符串处理方式(3)

Highcharts中字符串处理方式(3) 简化节点赋值 当图表中存在多个数据列,并且每个数据列的节点的x值都是相同的,也可以直接在x轴的设置中,直接指定由name构成的刻度.其代码如下: xAxis:[{ type:'category', categories:['第一次','第二次','第三次','第四次','第五次'] }] 这样做的结果就是将节点中的name和y值进行分离. [实例2-8:strdatasimple]下面简化实例2-6的节点数据,重新构成图表.核心代码如下: series

Python中字符串查找效率比较

Python中字符串查找方式有多种,常见的有re.match/search or str.find 用一个例子来说明各种方式的效率如下: from timeit import timeit import re def find(string, text): if string.find(text) > -1: pass def re_find(string, text): if re.match(text, string): pass def best_find(string, text): i

python中字符串链接的七种方式

一. str1+str2 string类型 '+'号连接 >>> str1="one" >>> str2="two" >>> str1+str2 'onetwo' >>>注意:该方式性能较差,因为python中字符串是不可变的类型,使用 + 连接两个字符串时会生成一个新的字符串,生成新的字符串就需要重新申请内存,当连续相加的字符串很多时(a+b+c+d+e+f+...) ,效率低下就是必然的了例

在页面中使用拼接字符串的方式显示动态加载的数据

在做页面的时候为了使页面美化,我们经常会用拼接字符串的方式,动态加载后台的数据,这里我们使用的前台框架是bootstrap,但是很多效果还是要用jquery来实现 (1)方法传参与字符串的拼接  (拼接用的replace) 先声明一个展示数据的页面模型(使用过的模型1) var userModel = "<div class=\"itemdiv commentdiv\" style=\"margin-left: 7%;\">"+ &q

QList介绍(QList比QVector更快,这是由它们在内存中的存储方式决定的。QStringList是在QList的基础上针对字符串提供额外的函数。at()操作比操作符[]更快,因为它不需要深度复制)非常实用

FROM:http://apps.hi.baidu.com/share/detail/33517814 今天做项目时,需要用到QList来存储一组点.为此,我对QList类的说明进行了如下翻译. QList是一种表示链表的模板类.QList<T>是Qt的一种泛型容器类.它以链表方式存储一组值,并能对这组数据进行快速索引,还提供了快速插入和删除等操作.QList.QLinkedList和QVector提供的操作极其相似:* 对大多数操作来说,我们用QList就可以了.其API是基于索引(inde

python中字符串的几种表达方式(用什么方式表示字符串)

说明: 今天在学习python的基础的内容,学习在python中如何操作字符串,在此记录下. 主要是python中字符串的几种表达,表示方式. python的几种表达方式 1 使用单引号扩起来字符串 >>> 'my python lession' #以单引号将字符串扩起来 'my python lession' >>> a = 'my python lession' >>> print(a) my python lession 2 使用双引号将字符串扩

去除ArrayList集合中重复字符串元素方式_思路:创建新集合方式

import java.util.ArrayList; import java.util.Iterator; public class jh_01_去除ArrayList集合中重复字符串元素方式 { /* * /** * * A:案例演示 * 需求:ArrayList去除集合中字符串的重复值(字符串的内容相同) * 思路:创建新集合方式 */ public static void main(String[] args) { ArrayList list = new ArrayList(); li