2

d3.js と venn.js で構築された単純なベン図があります: https://jsfiddle.net/rvuf1z5o/

var sets = [
    {sets: ['F'], size: 3},
    {sets: ['G'], size: 3},
    {sets: ['C'], size: 3},
    {sets: ['F','G'], size: 1},
    {sets: ['F','C'], size: 1},
    {sets: ['G','C'], size: 1},
    {sets: ['F','G','C']}
];

var chart = venn.VennDiagram();
var div = d3.select("#venn").datum(sets).call(chart);

図に示すように、このチャートを Y で反転する必要があります。 ここに画像の説明を入力

セット / チャート オブジェクト / svg attrs / css を使用してそれを行うにはどうすればよいですか?

アドバイスありがとうございます。

4

1 に答える 1

4

セットを宣言する順序を切り替えることで、それらの位置を再配置できるようです。ワーキングjsfiddle

var sets = [
{sets: ['F'], size: 3},
{sets: ['G'], size: 3},
{sets: ['C'], size: 3},

{sets: ['G','C'], size: 1},
{sets: ['F','C'], size: 1},
{sets: ['F','G'], size: 1},

{sets: ['F','G','C']}
];

var chart = venn.VennDiagram();
var div = d3.select("#venn").datum(sets).call(chart);

venn.js に貼り付ける必要があったため、変更されたコードは一番下にあります。

于 2015-05-16T17:45:31.743 に答える