Javascript:为sunburst图表构建数据

JavaScript是一种广泛应用于前端开发的编程语言，它可以为sunburst图表构建数据。Sunburst图表是一种环形分层结构的数据可视化图表，常用于展示层次结构数据的组成关系。

在JavaScript中，可以通过以下步骤来构建sunburst图表的数据：

定义数据结构：首先，需要定义一个包含层次结构数据的对象。该对象可以使用JavaScript中的数组和对象来表示，每个节点都包含一个名称和一个值。节点可以嵌套，形成层次结构。
构建数据：根据sunburst图表的需求，可以使用JavaScript的数组和对象操作方法来构建数据。可以通过循环、条件语句等方式来动态生成数据。
数据格式转换：将构建好的数据转换为sunburst图表所需的特定格式。通常，sunburst图表需要的数据格式是一个包含层次结构的JSON对象。
使用图表库：选择一个适合的JavaScript图表库，例如ECharts、D3.js等，使用该库提供的API来绘制sunburst图表。根据图表库的文档和示例，将转换好的数据传递给图表库的相应方法，即可生成sunburst图表。

Sunburst图表的优势在于能够直观地展示数据的层次结构和组成关系，使用户更容易理解和分析数据。它常用于可视化文件目录结构、组织架构、产品分类等场景。

对于构建sunburst图表的数据，腾讯云提供了一些相关产品和服务，例如：

腾讯云云服务器（CVM）：提供稳定可靠的云服务器，用于部署和运行JavaScript代码。产品介绍链接：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务，可用于存储sunburst图表的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全可靠的云端存储服务，可用于存储sunburst图表的数据文件。产品介绍链接：https://cloud.tencent.com/product/cos

请注意，以上仅为示例，实际选择使用的产品和服务应根据具体需求进行评估和选择。

Javascript:为sunburst图表构建数据

javascript

我想用echarts构建一个日出图表，它是一个儿童-> grandchildren...structure。我以为例进行复制。当我从后端获得数据时，我的数据是扁平的。region: 'NA', priority: 'P3', count: 4] 我需要动态构建子列表

浏览 2提问于2021-05-16得票数 0

1回答

高图集:在太阳爆发图中实现类似饼图的爆炸段行为。

javascript、charts、highcharts、sunburst-diagram

参考： {'parent': '0.0','sliced': true在亚洲数据点中，切片的属性设置为真，但未显示为爆炸部分还是将切

浏览 0提问于2017-11-10得票数 0

2回答

更新系列后重新绘制太阳暴晒图

javascript、jquery、d3.js、charts、highcharts

我正在尝试更新Sunburst图表系列关于下拉列表的变化。但我的图表数据系列没有更新。现在，当我试图更新图表时，工具提示正在更新，图表没有重新绘制。下面是我的代码和JS小提琴演示网址： height: '70%', renderTo: 'container'

浏览 5提问于2022-07-14得票数 1

1回答

高图集:是否可以用连接器在叶级节点之外显示Sunburst图表系列数据标签？

javascript、jquery、charts、highcharts

目前，可以观察到，所有系列数据标签显示时，重叠或只有显示/隐藏行为的数据标签可以通过格式化功能。它观察到，叶级节点的系列数据标签的连接器或外部的系列数据标签的位置是不可配置的。property: 'innerArcLength', value: 16 } 请参阅以下链接上的Sunburst图表的系列数据标签：-

浏览 4提问于2017-11-08得票数 0

1回答

Plotly express不渲染日出图表

python、pandas、numpy、plotly

我正在尝试使用熊猫数据帧和情节表达来创建一张日出图表。这是数据帧，请记住，这只是前10行，一旦它完成了2001年的郊区，它就会跳转到2006、2011、2016年的相同郊区 ? 下面是我的代码 sunburst_chart = px.sunburst( path=["year", "neighbourhood"], values="average_house_value&quo

浏览 30提问于2021-06-27得票数 1

回答已采纳

1回答

如何在日出图中用不同的颜色显示每一级？

anychart

在Anychart库的帮助下，我创建了一个sunburst图。现在我想在每个关卡上填充不同的颜色。就像级别1的所有切片中的蓝色背景。所有数据都是从SQL动态获取的。我该怎么做呢？

浏览 8提问于2019-05-30得票数 1

回答已采纳

1回答

我是否可以在Dash中缩小日出图表和它的色标之间的空间？

python、plotly、plotly-dash、plotly-express

这是我的代码： fig = px.sunburst(df2, path=['Year', 'Quarter', 'Month'], values='V',color_continuous_scale='RdYlGn', color_continuous_midpoint=0 ) 我想缩小图表和它的比例之间的距离

浏览 32提问于2020-12-19得票数 1

1回答

谷歌DataStudio中的JS图

javascript、google-data-studio

要在data Studio中可视化您的数据，可以使用Java Script (测试版)：} dscc.subscribeToData(drawViz); 我想要做的是使用Java Script示例图表

浏览 0提问于2018-11-20得票数 0

2回答

在这两个部分上，我都有一个下拉列表和一个日出图表。现在我想用下拉图来改变太阳爆发。我有像data_pie和data_pie2这样的数据帧，这应该从dropdown值中进行更改。我知道我应该使用反应式函数，但我不知道如何更改数据帧。server.R output$sunburst <- renderSunburst({sunburst(data_pie, count = TRUE, legend = list(w = 150,h = 50, s = 15 , t = 1 ), breadcrum

浏览 8提问于2019-05-21得票数 0

回答已采纳

1回答

nvd3.js太阳暴晒图-如何编辑工具提示？

d3.js、nvd3.js、sunburst-diagram

String' })和.tooltip(function(key, y, e, graph) { return 'Some String' })函数，这些函数用于nvd3饼图等，但它们似乎都不适用于Sunburst图表。

浏览 3提问于2016-11-02得票数 0

回答已采纳

1回答

bind_rows_(x，.id)中出错:参数%1必须在sunbust() r中具有名称

r、rows、bind、sunburst-diagram

我试图复制查询以在R中创建sunburst图表，但遇到了以下错误消息：Error in bind_rows_(x, .id) : Argument 1 must have names 下面是我用来测试sunburst()函数的数据：sequences <- read.csv( system.file("examples/visit-sequences.csv",package="sunburstR"

浏览 17提问于2021-01-23得票数 0

2回答

如何在React-vis上启用工具提示？

reactjs、charts、react-vis

<Sunburst colorType="literal" height={300}我没有看到可视化的工具提示，我怎么能看到一个悬停图表的工具呢？在SunBurst的例子中，Uber github页面上有一个例子，你必须根据数据点的角度重新计算工具提示的位置，这不是很方便。

浏览 5提问于2017-08-16得票数 6

回答已采纳

1回答

将d3.js sunburst集成为data studio社区可视化

d3.js、google-data-studio

我正在尝试使用新的google data studio community vizualisation特性将sunburst图表直接集成到data studio中。存放源文件的存储桶位于here 我遇到的问题是sunburst图一开始没有出现，但是如果我在data studio编辑模式下移动图表区域(或者如果我在编辑窗格中重新确认指标/维度)，它就会出现。一旦第一次移动(拖放)完成，图表就会正确显示，并且我会在data studio中正确地调整大小/响应良好。我尝试过通过控制台(日志)

浏览 16提问于2019-06-12得票数 0

1回答

R实际上返回空白太阳爆发图

r、plotly、sunburst-diagram

我正在尝试使用plotly创建一个太阳暴晒图，但它返回一个空白图表。我的数据集包含与下面类似的货币信息(除更多行外)：MainGroup = c("A", "A","A"),Category = c("USD","Other","Other"), stringsAsFac

浏览 2提问于2019-09-26得票数 1

3回答

Python Sunburst Chart -将数据帧转换为嵌套列表格式

python、list、dataframe、decision-tree、sunburst-diagram

我使用了下面提到的用Python语言创建Sunburst图表的链接：但是，函数需要特定格式的数据才能创建图表(按级别嵌套的列表)。('bin', 1, []), ('include', 1, []), ]),sunburst(data) 对于相同的例子，如果有人给我一个以节点层次结构作为级别的exc

浏览 2提问于2018-05-15得票数 0

2回答