首页 > 其他分享 >Highchart散点图

Highchart散点图

时间:2022-10-28 10:46:46浏览次数:34  
标签:Highchart 数据 散点图 类型 字符串 写法

  最近使用 Highchart 的时候遇到了一个问题,因为之前接触这个比较少,所以不太了解。

  问题是在使用散点图时,客户要求 x 轴的时间数据,也就是字符串类型,根据官网给出的案例,散点图 x,y 轴都是数字类型,这之间是存在一定的关系的,所以基本也是数字类型

  但是实际上如果直接在关系数据中写字符串的话,是无法展示数据的,所以需要给 x 轴指定一个类型,type=category ,这样就可以使 x 轴的数据显示为字符串

 

  这个是原始的写法

  

 

  这是修改后的写法,但是用这种方法后,我也遇到了一个问题没解决。在显示这个提示数据的时候,使用 point.x 无法正确显示数据,他会按照数据的索引排序显示,所以需要去修改 pointFormat 的写法,如果不知道数据的话,可以使用

注释地方的代码打印出来展示数据的结构    

  

 

pointFormatter: function () {
    console.log("数据", this)
}

 

  如果使用 EChart 的话,解决方案是一样的,就不展示了

 

标签:Highchart,数据,散点图,类型,字符串,写法
From: https://www.cnblogs.com/liuchenxing/p/16834898.html

相关文章

  • Highcharts之基础饼图案例实现
    <template><divclass="highcharts-container"id="container"ref="leida"style="min-width:400px;max-width:660px;height:400px;margin:0auto"/></temp......
  • Highcharts之散点图
    描述1以官方散点图例子为基础https://www.highcharts.com.cn/demo/highcharts/scatter2不显示图例legend.enabled=false3不显示X轴xAxis.visible=false4不显......
  • 散点图和箱线图
    1.散点图和箱线图的差别:箱线图就是散点图把横坐标弱化的结果。弱化个体的概念,强化群体的概念,把同一个分组放到一起,就形成了箱线图。箱线图的输入数据是一个数值型向量......
  • 相关性分析散点图
    1. 散点图的用途散点图是用两组数据构成多个坐标点,观察坐标点的分布,判断两者之间是否存在某种关联或总结坐标点的分布模式。从散点图上可以解读两个变量的相互关系,所以......
  • 成为散点图可视化专家
    成为散点图可视化专家创建散点图的Matplotlib指南BecomeaProinScatterPlotVisualization(Credits:Aatomz)散点图的主要目的是确定两个变量(双变量)之间的关系......
  • R语言学习丨散点图怎么画?绘图基本知识与常用函数
    今天笔记的内容是R语言中散点图绘制方法,用到了plot(普通散点图)、pairs(散点图矩阵)函数。散点图是指在回归分析中,数据点在直角坐标系平面上的分布图,散点图表示因变量随自变......
  • seaborn 第二章:不同形式的散点图
    二、散点图importseabornassnsimportmatplotlib.pyplotaspltsns.set_theme(style='whitegrid')#加载diamonds数据集diamonds=sns.load_dataset('diamon......
  • echarts-散点图-vue3-内阴影
      以上为效果图但是有一个问题是,一开始需要定义位置和颜色数组,当数据量过多的时候会重叠而且要提前声明很多数据后面我决定用关系图来做了,先放上散点图代码供参考f......
  • Power view可视化(钻取、表、矩阵、饼图、环形图、树状图、组合图、散点图、漏斗图、瀑
    Powerview可视化,原始数据如下: 举例1:钻取。在产品类别中,选择新的层次结构,此时出现这种图标;新建了一个产品类别的层次结构;接着把产品子类别用鼠标拖动到产品类别的层次结......