主页 > 云储存 > > 正文

服务器_日本vps云服务器_9元

来源:胜利云 发布时间:2021-08-26 00:27 标签:日本服务器9元
浏览:

结合我之前在Sequences Sunburst extension上的博客,这个博客是关于另一个类似的Sunburst图表,称为Sunburst Zoomable Wheel,基于下面的咖啡口味Wheel:

这个Sunburst图表是一个层次图,表示类别的分组和子分组,在这个例子中,不同的口味一杯咖啡。单击特定节时,控制盘将放大以使该节成为父节点,并显示其子节点,同时取消该选定节点的父节点和祖辈节点。要缩小到原始层次结构,应单击中心节点。这使得用户能够关注并只查看他们感兴趣的层次结构的特定部分。它还有助于更好地理解层次结构。

此图表可扩展到与层次结构有关的许多其他用例。例如,在业务环境中,一个组织的结构、其不同的团队、负责这些团队的人员以及更多的表示。这个图表的可用性扩展到无限的用例,从电影的分类,对不同物种和亚种的科学研究,这个列表继续下去。我们只需要将鼠标悬停替换为缩放功能,将mouseover事件替换为click事件。当然,我们可以使用CSS,买云服务器,让图表看起来像我们想要的那样。我将浏览一下这个博客的要点。

数据和颜色

现在样本数据集的结构与序列Sunburst非常相似。如果我们还记得的话,在这个例子中,多多淘客,我们为序列项名称设置了一个维度集,贵阳大数据,并为命中数设置了一个度量值集。现在,在最初的咖啡轮中,第一个维度集与序列Sunburst中的维度集相同,这是我们需要在代码中分解的类别名称的长字符串。但是,第二个维度集具有颜色的字母数字值(例如#123def)。扩建工程的问题是,至少要有一个措施。因此,我们在数据集中为度量值创建另一列。我们称之为"值"并放置随机值(1,1,淘客大联盟,1,…),因为我们无论如何都不会使用它。

我们还删除了颜色维度集,因为我们想使用Lumira的调色板。现在我们有一个维度集和一个度量集:

我们可以通过添加一个控制台语句来检查:

控制台.log(数据);

如预期,我们有我们的尺寸和一个无用的度量值在一起。

并且我们也在调色板中推动:

单击函数

我们用一个CLICK()函数替换另一个sunburst图表中的mouseover()函数。这个函数定义了当点击sunburst的部分时会发生什么,基本上是放大和缩小函数。

这个click()函数,依次调用arcTween()和isParentOf()函数。

重新设计CSS

我们只是减少了部分的不透明度,并对字体进行了一些调整。

因此,我们在Web IDE中得到这个可爱的图表

部署到LUMIRA

在LUMIRA中打包和安装扩展后,我们有:

这个扩展现在可以在SAP/LUMIRA扩展viz·GitHub上使用

请随意使用它和您自己的自定义数据集,并添加您自己有趣的调整。祝你好运可视化你的等级!

有趣的是,您的示例中的sunburst楔形物(和咖啡味轮)的宽度都相等。我认为这是一种有趣的分层显示数据集的方法,但我们不能添加一个度量来驱动其中一个/和:

1)楔形物宽度(可能您的"值"度量已经起到了这个作用,但是,当使用"1"计数器时,它将平均分布)

2)色阶(类似于热图色阶)

只是一个如何增强它的想法。

嗨,迈克,

谢谢你的反馈。楔形宽度实际上与度量值无关。(即使更改值度量,宽度也保持一致)。可以在附加路径的位置重新定义宽度。我们可以有不同的宽度,以及把他们绑在一个新的宽度措施。这可能会以不同的视觉效果结束,但对于版本2来说是个好主意。

我删除了原来的色阶,因为我想展示内置的调色板。这个也可以更改。

谢谢,企业信息管理软件,

安妮

你好,

谢谢分享。

你的扩展是从D3.js库建立的?

Kr

Jean Didier

嗨Jean Didier,

感谢您的评论。是的,此扩展是参照D3.js示例构建的,咖啡轮:https://www.jasondavies.com/coffee-wheel/

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 对象存储_网站集约化建设_哪家好
    对象存储_网站集约化建设_哪家好

    对象存储_网站集约化建设_哪家好

    当戴夫·麦克卢尔首次提出海盗指标的概念时,它震撼了创业界的核心。尽管你现在可能知道他是500家初创企业的幕后推手,但在贝宝(PayPal)上市前担任...

  • 数据库_数据库事务原理_安全稳定
    <strong>数据库_数据库事务原理_安全稳定</strong>

    数据库_数据库事务原理_安全稳定

    为CloudFlare客户提供对源站的免费和高性能加密2014年秋季,CloudFlare推出了Universal SSL,并将通过HTTPS访问的网站数量增加了一倍。在短短几天内,我们颁发了...

  • 百度云_企业邮箱怎么设置签名_排行榜
    百度云_企业邮箱怎么设置签名_排行榜

    百度云_企业邮箱怎么设置签名_排行榜

    在快节奏的销售世界里,时间是无价的。这正是为什么你需要停止切换标签,使用新的Pipedrive Chrome扩展直接从Gmail使用Pipedrive的强大功能。如果你是一个狂...

  • 游戏服务器_节点服务器_优惠
    <strong>游戏服务器_节点服务器_优惠</strong>

    游戏服务器_节点服务器_优惠

    nomad0.11为任务引入了生命周期部分,可以用来表示任务依赖关系。这可以用来表示任务组中任务之间的任务依赖关系,甚至可以利用consur来表示任务间的任...

  • 企业邮箱_华为云techwave_企业级
    <strong>企业邮箱_华为云techwave_企业级</strong>

    企业邮箱_华为云techwave_企业级

    遵守一套不断发展的数据隐私法规的需求可能看起来很繁重,或者会导致公司停滞不前,不知道下一步该采取什么措施。如果不了解这些法规对日常运营的...

云储存

更多 >
  • <strong>数据库_电脑怎么连接云服务器_代金券</strong>
    数据库_电脑怎么连接云服务器_代金券

    本周早些时候,我对拉尔夫·纳德(ralphnader)关于自动驾驶汽车的评论表示异议。纳德先生说,他们是下一个"高速公路上的危险"。他的立场是,无人驾驶...

  • <strong>香港带宽_青海企业网站建设_新注册优惠</strong>
    香港带宽_青海企业网站建设_新注册优惠

    如果你曾经住院过,你就会知道护理人员会定期到你的床边进行一系列常规观察——通常是每小时一次。这些通常包括测量和记录你的血压、体温、心率和...

云储存谷歌云_wps百度云_排行榜
云储存金山云_锁链战记数据库_限时特惠
云储存大带宽_云服务器建网站_年度促销
云储存数据库服务器_剑灵无法连接服务器_最新
云储存企业网站_数据库sql_优惠券