jqPlot - 当有很多图例项目时,饼图图例太高

2024-01-28

我正在使用 jqPlot 创建带有图例的饼图。我的 jqPlot 饼图选项的一部分如下所示:

seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
        padding: 10,
        showDataLabels: true,
        dataLabelFormatString: '%.2f%%',
        sliceMargin: 2,
        startAngle: -90
    }
},
legend: {
    show: true,
    location: 'e',
    placement: 'outside',
    xoffset: 1,
    fontSize: '11px',
    rowSpacing: '10px',
    textColor: '#222222',
    fontFamily: 'Lucida Grande, Lucida Sans, Arial, sans-serif'
}

最近我遇到一个案例,其中有很多图例项(例如 21),这使得我的图例框太高。我想知道是否有办法

  1. 图例框中有一个垂直滚动条
  2. 在多列中显示图例项(首选)

我尝试设置以下属性:

  • 行数
  • 列数

我从这个页面找到的:

$.jqplot.PieRenderer 选项 http://www.jqplot.com/docs/files/plugins/jqplot-pieRenderer-js.html#%24.jqplot.PieLegendRenderer.numberRows

然而他们似乎没有做出任何改变。

有人能为我提供一个好的解决方案来解决这个问题吗?


尝试使用提供的列/行设置。我亲自仔细检查了此设置是否有效。只需确保在图例中您设置了numberColumns or numberRows inside rendererOptions, like:

legend: { 
  show: true, 
  location: 'ne',
  rendererOptions: {numberColumns: 2}
}

如果这不起作用,那么我必须说您的代码中一定隐藏着其他错误,然后让我们查看代码,以便我们可以找到并一起消除该错误:)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jqPlot - 当有很多图例项目时,饼图图例太高 的相关文章

  • jqplot - 单个值,而不是堆积图中的总计

    In a stacked bar chart we can show total of each series in every stack like this However I want value of each series to
  • 如何显示 JQPLOT 图形而不是长文本

    我在控制器类中有一个返回 JSON 数据的方法 public ActionResult ChartDataJSON Chart chart new Chart DataSet ds dbLayer GetChartData DataTabl
  • Jqplot 的 IE8 打印问题

    我正在使用 IE8 测试 jqplot 当我尝试打印时 轴标签发生偏移 我使用 Andrew Bullock 的 Canvashack 作为解决方法 http blog muonlab com 2010 06 02 getting posi
  • 如何隐藏图表上显示的点?

    我有以下内容jqPlot chart document ready function var line1 new Array foreach var item in Model
  • jqPlot - 如何以编程方式查找哪个 jQuery UI 选项卡图存在

    请看下面的例子 http www jqplot com deploy dist examples hiddenPlotsInTabs html 在第一个示例中 通过捕获 tabshow 事件并查找选择了哪个选项卡来绘制隐藏图 tabs bi
  • 在 jqplot 中打开和关闭 pointLabels

    我正在尝试以编程方式打开和关闭 pointLabels 我认为它会像这样工作 var data 1 1 2 5 4 9 var graph jqplot id graph data series pointLabels show true
  • JQPlot放大图表并使用replot功能

    我在用jqplot在我的网站上绘制图表 我想为用户提供通过插入来放大图表的可能性Trigger link如下图 此链接旨在显示带有放大图表的弹出窗口 我发现显示图表div这是隐藏的需要调用replot 在特定情节上发挥作用 我正在使用的代码
  • 创建数组变量

    我想创建这种输出 var s1 Sony 7 Samsung 5 LG 8 这样我就可以用它来将我的图表作为变量传递 从我的ajax结果中得出 success function data code to extract the data v
  • JQplot 在 IE 上的打印问题

    我正在尝试打印我的图表 它可以通过 Firefox 和 Chrome 正确打印 但如果我尝试用 IE 打印它 它会向我显示图表后面的图表画布 HTML 标签 正如你在图片中看到的那样 并且它还将图表轴文本放置在整个图表上 我尝试了下面的解决
  • jq绘图到图像

    我知道这个问题已经存在 但我认为它没有得到正确的回答 到目前为止 我正在使用这种方法 对于我必须做的任何情节 它都 100 有效 请评论代码的效率等 我想知道其中是否还有错误 非常感谢 function jqplotToImg obj va
  • 如何自定义 JQPlot 周围的黑色边框

    如何在 JQPlot 中自定义图表周围的黑色边框 我广泛搜索了 CSS 文件 但没有找到任何内容 UPDATE 如果您不明白我的意思 请看这张图片 http img339 imageshack us img339 5796 jqplot p
  • 日期格式jqplotcategoryaxisrenderer后添加刻度

    我将 jQplot 与 primeFaces 一起使用 我想要一个用于 CategoryAxis 的日期格式化程序 日期以毫秒为单位 我在 Stack 上找到了不同的解决方案 但问题似乎是我的问题 它们是在创建 之后 添加的 并且没有考虑选
  • jqplot、highcharts、flot如何从轴刻度处捕获点击事件

    我希望能够捕获与所有轴刻度挂钩的单击事件 这是我到目前为止所做的 http jsfiddle net grVFk 5074 http jsfiddle net grVFk 5074 如果有人知道如何使用任何图表插件来做到这一点 请分享 th
  • 输入 jqplot 饼图时工具提示有效,但在从一个切片移动到另一个切片时则无效(仅 Firefox 受影响)

    当 从外部 输入饼图时 工具提示工作正常 但切片之间的过渡会导致工具提示消失并且不会创建新的工具提示 这是我的jsfiddle 片段 http jsfiddle net LqB3f 14 密切基于有用的建议这个答案 https stacko
  • jqPlot - 当有很多图例项目时,饼图图例太高

    我正在使用 jqPlot 创建带有图例的饼图 我的 jqPlot 饼图选项的一部分如下所示 seriesDefaults renderer jqplot PieRenderer rendererOptions padding 10 show
  • jqplot 改变鼠标悬停时图形的颜色

    jqPlot当鼠标悬停时更改填充的颜色 我想删除该效果 如何 以下是使用的选项 var options series neighborThreshold 1 shadowAngle 0 shadowOffset 2 5 shadowAlph
  • JQPlot - 饼图 - 获取点击的切片颜色

    我的要求是当用户单击饼图时获取饼图的选定颜色 如果我能在以下函数中做到这一点那就太好了 chart1 bind jqplotDataClick function ev seriesIndex pointIndex data alert ev
  • 更新图表时不会导致内存泄漏的图表库

    我想构建一个页面 其中包含基于使用 AJAX 从服务器异步获取的数据的交互式刷新图表 我很喜欢jqPlot http www jqplot com 但是当尝试定期更新图表时 通过调用replot 没有页面刷新 会导致巨大的浏览器内存泄漏 这
  • jqPlot荧光笔改变x值

    我有一个 jqPlot 线图 我正在尝试弄清楚如何自定义 X 值的荧光笔文本 所以 我有以下内容 var line1 100 68 63 36 28 var line2 100 71 68 42 32 var line3 100 60 45
  • 如何使用Jqplot在同一个堆积条形图中显示两组不同颜色的条形

    我想制作一个包含两组堆叠条形图的条形图 将它们组合在一起以比较两组堆叠条形图 应按以下方式显示 我经历过这个link http www jqplot com tests bar charts php 但它并没有帮助我绘制如上图所示的内容 我

随机推荐

  • gulp:gulp任务回调函数在哪里定义的?

    gulp 中的任务可以这样定义 gulp task foobar function callback 我想了解回调函数是什么 它在哪里定义的 我可以在运行时传入其他函数作为参数吗 它有什么作用 这些文档 https github com g
  • 如何在 WPF 弹出窗口中放置关闭 [x]

    我已经在 c 和 wpf 中使用此代码成功创建了一个弹出窗口
  • 为什么我的 Twitter Bootstrap 表单字段使用流体容器会溢出?

    更新 问题演示在这里 http jsfiddle net fdB5Q embedded result http jsfiddle net fdB5Q embedded result 从大约 767 像素到 998 像素 表单字段比包含井更宽
  • 如何隐藏 TieredCompilation 警告?

    我正在使用 Linux Mint 和 OpenJDK java version显示这个 java version 1 7 0 79 OpenJDK Runtime Environment IcedTea 2 5 6 7u79 2 5 6 0
  • 为什么 bash 按字典顺序而不是数字来评估数字比较?

    有人可以解释一下 if 重击块 我使用下面的简单代码检查是否第一个值小于第二个值 first value 67 second value 2 if first value lt second value then echo Yes else
  • WiX .NET Bootstrapper - 功能选择

    我们正在尝试获取自定义 NET Bootstrapper 以便通过我们的 WiX 安装程序有选择地安装 MSI 包中的功能 注册了 PlanMsiFeature 事件后 我们认为我们将能够访问 MSI 中的功能并根据预设条件排除某些功能 然
  • d3.js 受形状约束的力定向布局

    我想知道是否有一种方法可以使用 d3 js 创建强制导向布局并通过任意形状限制它 这样 所有节点均等分布within形状和 边界和节点之间的距离等于节点之间的距离 我希望已经有这样的解决方案 否则 我的想法是从力导向布局开始 并在每次迭代中
  • 在 Sequelize 中按日期范围查询列字段

    我正在尝试使用 Sequelize 查询数据库以获取在特定日期范围内创建的项目 我用的是 between运营商 但我似乎没有得到任何东西 where createdAt between 2018 03 31T21 00 00 000Z 20
  • Gitcherry-pick 会发生合并冲突

    目前我有两个分支 master beta 001 beta 001 之前有时会从 master 处检出 为了使 beta 001 更新到 master 在 master 中推送的提交也将被挑选到 beta 001 一切都运行良好 直到 be
  • 从一个视图切换到下一个视图

    我有一个带有两个视图和视图控制器的应用程序 如何让用户从一个视图切换到下一个视图 例如在主屏幕或天气应用程序中 我知道界面生成器中有一个页面控件 但它只是用户所在页面的指示器 感谢并抱歉我的英语不好 查看 Apple 的 iPhone 示例
  • wxPython 中带有自动关闭计时器的 wxMessageBox

    平台 Windows OS X Python版本 活动状态Python 2 7 wxPython版本 2 9版 如果您通过子类化创建自己的自定义对话框wx Dialog http www wxpython org docs api wx D
  • 在 React js 中将数组作为 props 传递

    我是新来的反应 我一直在尝试 React 但我陷入了如何使用 props 传递数组的困境 case 1 var c program var Navigation React createClass getInitialState funct
  • AES 加密 Java 密钥长度无效

    我正在尝试创建 AES 加密方法 但由于某种原因我不断收到 java security InvalidKeyException Key length not 128 192 256 bits 这是代码 public static Secre
  • Zend_Auth:允许用户登录到多个表/身份

    我在用Zend Auth用于门户网站中的身份验证 一个普通的 mySQL 用户 表 带有login and password列被查询 并且用户登录 但是 我想要对另外两组用户进行身份验证 这三个用户组都有自己的其他表中的登录数据 他们的数据
  • 在 ASP.NET MVC 网站上集成 PayPal 的简单解决方案

    PayPal 为网站提供了许多与 PayPal 支付集成的解决方案 产品 我想知道将 PayPal 集成到 ASP NET MVC Web 应用程序中最简单或最简单的解决方案是什么 我应该使用哪种解决方案 如果以前做过此操作的人可以分享他或
  • 如何在 Rust 中执行高效的向量初始化?

    在 Rust 中填充结构体向量的好方法是什么 大小是动态的 但在初始化时已知 不首先将内存初始化为虚拟值 当内存已满时不会重新分配内存 在此示例中 向量的所有成员都是always已初始化 与 Rust 保持一致 保证没有未定义的行为 理想情
  • C 中指针转换的规则是什么?

    K R 并没有忽略它 但他们使用了它 我尝试通过编写示例程序来了解它是如何工作的 但进展不太顺利 include
  • 更改 LaTeX 字幕语言

    如何更改默认语言 以便在标题之前显示其他内容而不是 表格 或 图 你可以重新定义 figurename and tablename通过使用 renewcommand 例如 您可以对瑞典语执行此操作 renewcommand figurena
  • 创建具有连续数字的列表的列表

    我正在寻找一种方便的方法来创建列表列表 其中列表中的列表具有连续的数字 到目前为止 我只想出了一个非常令人不满意的强力打字解决方案 是的 我现在只使用 python 几个星期 block0 block4 blocks block0 bloc
  • jqPlot - 当有很多图例项目时,饼图图例太高

    我正在使用 jqPlot 创建带有图例的饼图 我的 jqPlot 饼图选项的一部分如下所示 seriesDefaults renderer jqplot PieRenderer rendererOptions padding 10 show