Tag: 饼图

jqplot饼图数据标签格式精度,不带尾随零

我想知道如何在饼图上格式化数据标签,使其显示最多2个十进制字符,并且从不显示尾随零 ,例如: 2 -> 2 2.0 -> 2 2.566 -> 2.57 换句话说,我问如何设置dataLabelFormatString参数 ? 我知道它使用的是sprintf ,因此我尝试了’%。2f’和’%g’。 但他们并没有解决我的问题。 由于第一个使每个数字显示为十进制字符,另一个只是删除尾随零但不能精确处理,因为在这种情况下你放在它前面的数字,例如’%。2g’指的是总长度人物。 我不知道如何有效地将这两者结合起来(甚至可能吗?)。 如何设置参数,例如,使用’%。2f’然后使用’%g’进行首次格式化,它应该可以解决问题,但是怎么做呢? 我是否可以在格式中“注入”if / else,如果是,那么如何? 否则,我能想到的唯一方法是,绘制绘图后,运行一个jquery脚本获取标签并在每个标签上应用parseFloat(label.toFixed(2)) 。

在Flot饼图中删除切片之间的白线

如何在Flot pie chart删除slices和background之间的white line ? 我的jsfiddle 正如你所看到的那样: 我希望它看起来像那样(忽略我糟糕的艺术技巧): 我的代码: $(function () { var data = [ { label: “Read”, data: 50, color: ‘#614E43’ }, { label: “Unread”, data: 150, color: ‘#F5912D’ }]; $.plot($(“#star”), data, { series: { pie: { radius: 0.2, innerRadius: 0.125, show: true } } }); });

内部和外部的Highcharts pie dataLabels

我想要一个饼图内部和外部的数据标签饼图。 我知道,负距离会显示馅饼内的标签。 但我想在里面和外面。 在外面,我希望显示百分比和点内总和。

Flot饼图给出了firebug中的错误:“未捕获的exception:绘图的尺寸无效,width = null,height = null”

我使用flot饼图绘制饼图。 但它显示了萤火虫的错误 未捕获的exception:绘图的尺寸无效,width = null,height = null 我也从样式表中给出了高度和宽度。 并尝试过这样的 怎么解决这个?

HighCharts饼图 – 在每个切片内添加文本

我正在使用代表资产分配的HighCharts创建一个金融饼图。 我的目标是创建一个表示每个切片中实际分配值的图表,但每张幻灯片内部将显示第二个数据标签,该标签显示各种投资工具的目标百分比。 值得注意的是,当前的资产配置可能并不总是与目标分配值相匹配。 除了每张幻灯片中的Target标签外,我已经完成了所有工作。 请参阅下图,了解我想要完成的任务: 这是我到目前为止: var asset_allocation_pie_chart = new Highcharts.Chart({ chart: { renderTo: ‘asset_allocation_bottom_left_div’ }, title: { text: ‘Current Asset Allocation’, style: { fontSize: ’17px’, color: entity_color, fontWeight: ‘bold’, fontFamily: ‘Verdana’} }, subtitle: { text: ‘(As of ‘ + effective_date_formatted + ‘)’, style: { fontSize: ’15px’, color: entity_color, fontFamily: ‘Verdana’, marginBottom: ’10px’ }, y: […]

Chart.js v2:如何使工具提示始终显示在饼图上?

我在Stack Overflow中发现了类似的问题 ,但是所有这些问题都在一年前和两年前得到了解决。 现在Chart.js已经出现在版本2中,并且许多文档都发生了变化。 有人可以帮我展示一个带标签的饼图示例 – 或者饼图及其所有片段的工具提示是否可见? UPDATE 感谢@potatopeelings,他的回答非常适合Chart.js v2.1。 虽然我最初询问如何在饼图上永久显示工具提示,但我找到了一个更好的解决方案:以百分比forms显示值作为标签! 它现在在Chart.js v2.1中启用了饼图。 在图表选项中: animation: { duration: 0, onComplete: function () { var self = this, chartInstance = this.chart, ctx = chartInstance.ctx; ctx.font = ’18px Arial’; ctx.textAlign = “center”; ctx.fillStyle = “#ffffff”; Chart.helpers.each(self.data.datasets.forEach(function (dataset, datasetIndex) { var meta = self.getDatasetMeta(datasetIndex), total = 0, //total values […]