Modulo:Sandbox/Aottolini/Graph: differenze tra le versioni

Versione delle 21:08, 5 ago 2024

Versione attuale delle 22:34, 5 ago 2024

(7 versioni intermedie di uno stesso utente non sono mostrate)

Riga 226:

:addClass('thumbinner')

:tag('div')

:wikitextnode(graph)

:done()

:tag('div')

Riga 266:

end

local function sliceadd_slice(graph, value, color, radius)

local quadrante = math.floor(value/25)

local div = mw.html.create('div'):cssText('border:solid transparent;background-color:initial;position:absolute;line-height:0')

Riga 278:

:css('border-left-width', tostring(radius * math.cos(math.pi * value / 50)) .. 'px')

:css('border-bottom-color', color)

graph.:node(div)

elseif quadrante == 1 then -- 25..50 %

div:css('right', tostring(radius) .. 'px')

Riga 286:

:css('border-bottom-width', tostring(radius) .. 'px')

:css('border-left-width', 0)

:css('border-bottomright-color', color)

graph.:node(div)

div = mw.html.create('div'):cssText('position:absolute;line-height:0;border-style:solid;right:0;top:0')

:css('border-top-width', 0)

Riga 293:

:css('border-bottom-width', tostring(radius) .. 'px')

:css('border-left-width', 0)

:css('border-bottom-color', color)

graph.:node(div)

elseif quadrante == 2 then -- 50..75 %

div:css('right', tostring(radius) .. 'px')

Riga 302:

:css('border-bottom-width', 0)

:css('border-left-width', 0)

:css('border-bottomtop-color', color)

graph.:node(div)

div = mw.html.create('div'):cssText('position:absolute;line-height:0;border-style:solid;left:0;top:0')

:css('border-top-width', 0)

Riga 309:

:css('border-bottom-width', tostring(radius) .. 'px')

:css('border-left-width', 0)

:css('border-bottom-color', color)

graph.:node(div)

elseif quadrante == 3 then -- 75..100%

div:css('left', tostring(radius) .. 'px')

Riga 318:

:css('border-bottom-width', 0)

:css('border-left-width', tostring(radius * math.tan(math.pi * (value - 25) / 50)) .. 'px')

:css('border-bottomleft-color', color)

graph.:node(div)

div = mw.html.create('div'):cssText('position:absolute;line-height:0;border-style:solid;left:0;top:0')

:css('border-top-width', 0)

Riga 325:

:css('border-bottom-width', tostring(radius) .. 'px')

:css('border-left-width', 0)

:css('border-bottom-color', color)

graph.:node(div)

div = mw.html.create('div'):cssText('position:absolute;line-height:0;border-style:solid;left:0;top:0')

:css('border-top-width', 0)

Riga 332:

:css('border-bottom-width', tostring(2*radius) .. 'px')

:css('border-left-width', 0)

:css('border-bottom-color', color)

graph.:node(div)

else -- 100%

div:css('left', 0)

:css('top', 0)

:css('border-top-width', 0)

:css('border-right-width', tostring(2*radius) .. 'px')

:css('border-bottom-width', tostring(2*radius) .. 'px')

:css('border-left-width', 0)

:css('border-bottom-color', color)

end

end

Riga 352 ⟶ 344:

local cumulato = 0

for pos = 1,#args.values do

data[pos] = args.values[#args.values - pos + 1] = args.values[pos] + cumulato

cumulato = data[#args.values - pos + 1]

end

local outergraph = mw.html.create('div'):addClass('thumbmw-no-invert'):cssText('margin:auto;position:relative;overflow:hidden;border:1px solid black;transform:scaleX(-1)rotate(-90deg)')

if allineamento then

outer:addClass('t' .. allineamento)

end

local inner = mw.html.create('div'):addClass('thumbinner'):css('width', tostring(args.outer_radius * 2 +2 ) .. 'px')

local graph = mw.html.create('div'):addClass('mw-no-invert'):cssText('background-color:white;margin:auto;position:relative;overflow:hidden;border:1px solid black;transform:scaleX(-1)rotate(-90deg)')

:css('width', tostring(args.outer_radius * 2) .. 'px')

:css('height', tostring(args.outer_radius * 2) .. 'px')

:css('border-radius', tostring(args.outer_radius) .. 'px')

:css('background-color', args.colors[#args.values])

for pos = 1,#args.values do

add_slice(graph, data[pos], args.colors[#args.values - pos + 1], args.outer_radius)

end

inner:node(return graph)

outer:node(inner)

return outer

end

-- ===================================================================================