Мне нужно добавить ярлыки к рисунку пончика под углом, как показано на изображении. Я могу найти информацию об угловом тексте по отношению к меткам оси. Есть ли простой способ сделать это для диаграммы пончиков? Я не против внесения каких-либо изменений внутри рендерера jqplot, или просто вычисляя углы и рисуя текст на холсте наложения. — Мне просто интересно, кто-нибудь сделал это или знает лучший способ. Добавление меток к диаграмме пончика jqplot на угол
0
A
ответ
1
Ответ на мой собственный вопрос: я обнаружил, что нет необходимости поворачивать метки в диаграмме пончика - они хранятся на странице в виде тегов. Однако довольно легко нарисовать их на холсте наложения после загрузки диаграммы.
var co = plot3.plugins.canvasOverlay;
var fiftiesSeries = plot3.series[0];
var ctx=co.canvas._ctx;
ctx.font="10px arial";
for (var i = 0; i < fiftiesSeries.gridData.length; i++) {
if (fiftiesSeries.gridData[i][0]) {
var targetX = fiftiesSeries._center[0] + ((fiftiesSeries._radius) * Math.sin(fiftiesSeries.gridData[i][1] - (fiftiesSeries.gridData[i][2] * Math.PI)));
var targetY = fiftiesSeries._center[1] - ((fiftiesSeries._radius) * Math.cos(fiftiesSeries.gridData[i][1] - (fiftiesSeries.gridData[i][2] * Math.PI)));
ctx.setTransform(1, 0, 0, 1, 0, 0); // reset
ctx.translate(targetX, targetY);
ctx.rotate(fiftiesSeries.gridData[i][1] - ((fiftiesSeries.gridData[i][2] + 0.5) * Math.PI));
ctx.fillText(fiftiesSeries.gridData[i][0], 3, 3);
}
}
Я надеюсь, что это кому-то поможет.
Смежные вопросы
- 1. SVG Добавление радиального градиента к диаграмме пончика
- 2. Добавление меток к диаграмме рассеяния
- 3. jqPlot данные изменения пончика
- 4. Добавление ярлыков к диаграмме пончика с использованием canvasjs
- 5. Bokeh: Цвет управления на диаграмме пончика
- 6. Перемещение меток на диаграмме
- 7. Добавление меток осей и заголовков к простому графику/диаграмме линии
- 8. Highcharts - yAxis на диаграмме пончика не отображается
- 9. jqplot анимировать круговую диаграмму и диаграмму пончика
- 10. Угол галочки jqplot для dateAxisRendere?
- 11. Добавление меток к d3 sunburst
- 12. Пользовательская подсказка на линейной диаграмме JQPlot
- 13. Поворот меток осей в jqplot
- 14. Добавление меток на участок Bokeh
- 15. отображение только% в диаграмме jqplot
- 16. D3Js диаграмма пончика, избегайте текста наложения меток
- 17. Добавление субтитров к диаграмме VBA
- 18. Диаграмма пончика в диаграмме D3 JS Sankey
- 19. Добавление отдельных меток к легенде
- 20. Prefuse: добавление меток к краям?
- 21. Добавление оси к диаграмме D3
- 22. Добавление цветовой полосы к диаграмме
- 23. Представляют экстремальные значения на диаграмме пончика в SSRS
- 24. Как изменить цвета ярлыков на диаграмме пончика, используя nvd3?
- 25. D3.js Предоставление легенды на диаграмме пончика с внутренними кольцами
- 26. Несоответствие меток jqPlot с использованием dateAxisRenderer
- 27. jqPlot Использование вручную определенных меток меток с помощью canvastickrenderer
- 28. Переписывание меток в диаграмме D3
- 29. jqPlot добавление 0 значение
- 30. Добавление переменной в Jqplot