博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Highcharts 操作series 的data里的数据
阅读量:5935 次
发布时间:2019-06-19

本文共 849 字,大约阅读时间需要 2 分钟。

hot3.png

在绘制highcharts 散列图的时候遇到诸如 series: [{

                name: '行政部',
                color: 'rgba(223, 83, 83, .5)',
                data: [[67.5, 59.0,‘张三’] , [67.5, 59.0,'李四'], [59.5, 49.2,'王五'], [57.0, 63.0,4], [55.8, 53.6,5],
                    [72.5, 55.2,6], [70.9, 54.2,7], [72.9, 62.5,8], [53.4, 42.0,9], [60.0, 50.0,10],
                    [76.5, 71.8,11], [64.4, 55.5,12]]
    
            }, {
                name: '研发部',
                color: 'rgba(119, 152, 191, .5)',
                data: [[74.0, 65.6], [75.3, 71.8], [93.5, 80.7], [86.5, 72.6], [87.2, 78.8],
                    [70.2, 62.3], [77.8, 82.7], [79.1, 79.1], [90.5, 98.2], [77.8, 84.1],
                    [80.3, 83.2], [80.3, 83.2]]

            }]

在 tooltip: {  headerFormat: '<b>{series.name}</b><br>', pointFormat: '{point.x} 分, {point.y} 分,xxx'  }里的xxx位置需要得到data里每个数组的第三个数据,既某人(如张三),这就需要操作series的data

步骤1:将[67.5, 59.0,‘张三’] (其他数据同样也要改变)改为{x:61.2,y: 51.6,name:'张三'}的数据格式

步骤2:将xxx改为{point.name}即可 ,注意:这里的name是和上面的data里的name对应的

转载于:https://my.oschina.net/tshblogs/blog/1844408

你可能感兴趣的文章
QR分解
查看>>
HDU 6154 CaoHaha's staff【找规律】【思维题】【好题】
查看>>
为什么Redis能这么快
查看>>
Bootstrap 表格
查看>>
js插入排序
查看>>
32位系统使用文件作为媒介来模拟大于4G内存访问
查看>>
关于0x*** 十六进制的运算。为什么枚举多用十六进制的运算原因。。
查看>>
C# - 匿名对象取值
查看>>
Window环境下搭建GitHub + hexo博客
查看>>
因融资失败倒闭 "五分钟"倒在"黎明前五分钟"
查看>>
GG第二次作业
查看>>
利用a标签自动解析URL
查看>>
点线面绘制过程事件的多态
查看>>
SDE直连
查看>>
linux中sed用法
查看>>
sweetalert
查看>>
隐式增强
查看>>
微信公众平台开发2-access_token获取及应用(含源码)
查看>>
基于文件过滤驱动的透明加解密
查看>>
python 数据可视化---Anscombe’s quartet
查看>>