当前位置: 首页 > 面试题库 >

将附加数据设置为highcharts系列

危裕
2023-03-14
问题内容

有什么方法可以将一些其他数据传递到将用于显示在图表“工具提示”中的系列对象?

例如

 tooltip: {
     formatter: function() {
               return '<b>'+ this.series.name +'</b><br/>'+
           Highcharts.dateFormat('%b %e', this.x) +': '+ this.y;
     }

在这里,我们只能对系列使用series.name,this.x和this.y。可以说我需要随数据集一起传递另一个动态值,并且可以通过系列对象进行访问。这可能吗?

谢谢大家。


问题答案:

是的,如果您按照如下所示设置系列对象,每个数据点都是一个哈希,则可以传递额外的值:

new Highcharts.Chart( {
    ...,
    series: [ {
        name: 'Foo',
        data: [
            {
                y : 3,
                myData : 'firstPoint'
            },
            {
                y : 7,
                myData : 'secondPoint'
            },
            {
                y : 1,
                myData : 'thirdPoint'
            }
        ]
    } ]
} );

在工具提示中,您可以通过传入的对象的“ point”属性来访问它:

tooltip: {
    formatter: function() {
        return 'Extra data: <b>' + this.point.myData + '</b>';
    }
}


 类似资料:
  • MySQL、Oracle、PostgreSQL、SQL Server、MariaDB、MongoDB 在“数据库”选项卡中,你可以设置连接到服务器时导航窗格显示哪些数据库。这设置不是强制的。若要设置自定义数据库设置,请勾选“使用自定义数据库列表”。然后,从“数据库”列勾选要显示的数据库。如果你想连接时 Navicat 自动打开数据库,勾选“自动打开”框。 添加一个隐藏的数据库到列表 点击“添加数据

  • MySQL、Oracle、PostgreSQL、SQL Server、MariaDB、MongoDB 在“数据库”选项卡中,你可以设置连接到服务器时导航窗格显示哪些数据库。这设置不是强制的。若要设置自定义数据库设置,请勾选“使用自定义数据库列表”。然后,从“数据库”列勾选要显示的数据库。如果你想连接时 Navicat 自动打开数据库,勾选“自动打开”框。 添加一个隐藏的数据库到列表 点击“添加数据

  • 问题内容: 我有以下在运行时生成的json数组。因此,名称/数据对的数量不同。 我想将此数据传递给highcharts中的系列。 这就是我目前的做法。 但是,如果更改数组中元素的数量,则此方法将无效。 我该如何解决这个问题?演示代码将帮助我。 问题答案: 我解决了问题 更改了json数组,如下所示: 现在,将其直接传递到highcharts中的系列。 做完!!!!!

  • 我有以下运行时生成的json数组。因此,名称/数据对的数量有所不同。 我想将这些数据传递到highcharts系列中。 这就是我目前的做法。 但是如果数组中元素的数量改变了,这就不起作用了。我该如何解决这个问题?演示代码会对我有帮助。 我已经考虑了以下问题,但我无法解决这个问题。 动态添加到高图表 海图系列数据阵列

  • 问题内容: 我希望从该网站的mma 数据中抓取数据并解析一些highcharts表。我单击的链接与selenium,然后切换到图表。我转到该站点,然后在Artem Lobov行的Pinnacle列中单击+420。这将创建一个弹出图表。然后,我切换到活动元素。我想捕获由highcharts绘制的图形以响应点击。 我以以下方式使用selenium: 我能够单击链接并获得图表,但我对highcharts

  • 我已经创建了一个XML解析器来将XML文件中的信息检索到java,然后我尝试将这些数据存储到ArrayList中,以便将ArrayList用于我的方法。当我打印出来时,它似乎工作得很好。然而,由于某种原因,我得到了一个名为getAllRoutes的方法,它返回了错误的路由数