2013-05-24 3 views
1

Я хотел бы создать другую диаграмму venn http://www.biomedcentral.com/1471-2105/12/35/figure/F1 и использовать библиотеку Highchart (потому что есть хороший вариант экспорта). Я нашел this example, но я не могу сделать эллипсы, когда у меня есть 4 набора данных. Я думаю, что в параметрах уровня «Maker» это можно сделать. Но может быть и другое решение. Пожалуйста, вы можете дать мне несколько советов?Highcharts: Лучшая практика для генерации диаграммы venn

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo:'container', 
     type:'scatter' 
    }, 
    title:{ 
     text:'Chart Title' 
    }, 
    credits:{enabled:false}, 
    legend:{}, 
    plotOptions: { 
     series: { 
      shadow:false, 
      borderWidth:0, 
      marker:{ 
       symbol:'circle' 
      }        
     } 
    }, 
    xAxis:{ 
     min:0, 
     max:10, 
     lineWidth:0, 
     gridLineWidth:0, 
     title:{text:''}, 
     labels:{enabled:false} 
    }, 
    yAxis:{ 
     min:0, 
     max:100, 
     lineWidth:0, 
     gridLineWidth:0, 
     title:{text:''}, 
     labels:{enabled:false} 
    },  
    series: [{ 
     color:'rgba(90,155,212,.5)', 
     name:'this thing', 
     data: [{ 
      x:3, 
      y:50, 
      marker:{ 
       radius:150, 
       fillColor:'rgba(90,155,212,.5)', 
       lineColor:'rgba(90,155,212,.75)', 
       lineWidth:1, 
       states:{ 
        hover:{ 
         radius:150 
        } 
       } 
      } 
     }] 
    },{ 
     color:'rgba(241,90,96,.5)', 
     name:'that thing', 
     data: [{ 
      x:6, 
      y:60, 
      marker:{ 
       radius:125, 
       fillColor:'rgba(241,90,96,.5)', 
       lineColor:'rgba(241,90,96,.75)', 
       lineWidth:1, 
       states:{ 
        hover:{ 
         radius:125 
        } 
       } 
      } 
     }] 
    },{ 
     color:'rgba(250,250,91,.5)', 
     name:'the other thing', 
     data: [{ 
      x:5, 
      y:25, 
      marker:{ 
       radius:50, 
       fillColor:'rgba(250,250,91,.5)', 
       lineColor:'rgba(250,250,91,.75)', 
       lineWidth:1, 
       states:{ 
        hover:{ 
         radius:50 
        } 
       } 
      } 
     }] 
    }] 
}); 
+1

Есть четыре диаграммы Венна в этой первой ссылке, что бы вам нравится это делать? Вы упоминаете эллипсы, но пример jsfiddle имеет только круги (которые технически являются эллипсами, но тогда я думаю, что вы явно сказали «круги»). Вы просто хотите, чтобы добавить четвертый круг в пример jsfiddle? Если это так, это легко, просто добавьте в существующий пример, например: http://jsfiddle.net/AyqzZ/24/. Под «Maker» вы имеете в виду «маркер»? Также, если вы поднимаете проблему на своей странице Github, они очень быстр и полезны при ответе. –

+0

Я хотел бы иметь возможность сделать четырехэлементную диаграмму Венна с эллипсами. Я не могу изменить круг на эллипсы. – Tof

+0

С тех пор вы что-то пробовали? – icedwater

ответ

1

Ничего не создано для рисования маркеров типа elipse.

Для достижения такого типа диаграмм в Highcharts вам придется рисовать эллипсы самостоятельно.

Взгляните на этой демонстрации:

http://highcharts.com/demo/renderer

и в документации для функции Renderer:

http://api.highcharts.com/highcharts#Renderer

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