javascript - 带有 jQ​​uery 和 D3.js 的 donut chart 插件在事件中需要帮助

标签 javascript d3.js donut-chart

我在我的项目中使用 donut 饼图,需要了解更多事件;例如:

  • 传奇,
  • 数据显示格式,
  • 将给定值计算为图表百分比。

  • 找到来自 here 的引用
    传递数据如下:
    $("#piechart").donutpie();
    var chart_data = [
        {"name":"Fruits","hvalue":40.54,color:"#E33244"},
        {"name":"Veggies","hvalue":30.23,color:"#F89406"},
        {"name":"Bakery","hvalue":50,color:"#82AF6F"}
    ]
    $("#piechart").donutpie('update', chart_data);
    
    下面是结果
    enter image description here
    任何帮助将不胜感激,谢谢。

    最佳答案

    在尝试了很多东西之后,我解决了以下问题:

  • 设置手动设计的图例
  • 手动处理的数据显示和计算
  • 为了在图表中显示浮点值,对主包文件进行了必要的更改。
  • 关于javascript - 带有 jQ​​uery 和 D3.js 的 donut chart 插件在事件中需要帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62827636/

    相关文章:

    java - Android donut chart 根据时间戳填充多种颜色

    javascript - 如何创建自己的类似于谷歌分析的 javascript api

    javascript - 如何在jquery表单中设置加载默认值?

    javascript - jQuery - 如何选择表中所有行的最后一列?

    cygwin - Donut.cvs 示例

    svg - c3.js donut chart : Making the separator line visible on a 100% arc?

    javascript - 如何使用javascript添加li元素

    javascript - 使用 d3js 的 onclick 在新选项卡中绘制图表

    javascript - 如果没有,则需要在 nvd3 multiBarHorizo​​ntalChart 中垂直滚动。酒吧数量增加

    javascript - D3 从大 csv 创建条形图