2013-04-18 3 views
0

Кто-нибудь из вас знает, как разместить круговую диаграмму рядом с гистограммой с использованием флота? Я бы хотел, чтобы они использовали одни и те же данные.Flot pie + гистограммы на том же холсте

Я попытался включить отображение параметров пирога в серии, но тогда гистограмма пуста.

$.plot("#placeholder", data, { 
       series: { 
        bars: { 
         barWidth: 0.2, 
        }, 
        stack: null, 
        pie: { 
         show: true 
        } 
       }, 
       yaxis: { 
        min: 0, 
        tickFormatter: plnFormatter 
       }, 
       xaxis: { 
        mode: "categories", 
        tickLength: 0, 
        autoscaleMargin: 0.1 
       }, 
       grid: { 
        borderWidth: 0, 
        hoverable: true, 
        clickable: true 
       }      
      }); 
+0

Просьба представить воспроизводимый пример. Что такое 'data', как? Что такое 'p1nFormatter'? Предоставьте наименьший пример, который создает вашу проблему, это правильный способ задать вопросы. – Mark

+0

http://jsfiddle.net/52cKB/1/ – jaros

ответ

1

Я также имел тот же самый вопрос, в конце концов я поставил DIV над холстом, обратите внимание на стиль CSS:

<div id="error-pie-chart" style="height:120px;width:120px;position: absolute;left:230px;top:50px;z-index:1;"></div> 

, а затем использовать флот, чтобы сделать пирог на этом DIV, это работает!

Смежные вопросы