mirror of https://github.com/Kozea/pygal.git
Python to generate nice looking SVG graph
http://pygal.org/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.0 KiB
72 lines
2.0 KiB
12 years ago
|
function resend() {
|
||
|
|
var $fig = $('figure'),
|
||
|
|
// $embed = $fig.find('embed'),
|
||
|
|
type = $('#type').val(),
|
||
|
|
data = $('#data').val(),
|
||
|
|
style = $('#style').val(),
|
||
|
|
opts = {};
|
||
|
|
$('.c-opts').each(function() {
|
||
|
|
var $this = $(this),
|
||
|
|
val = $this.val();
|
||
|
|
if(val) {
|
||
|
|
opts[$this.attr('id').replace('c-', '')] = val;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$.ajax({
|
||
|
|
url: '/svg',
|
||
|
|
type: 'POST',
|
||
|
|
data: {
|
||
|
|
type: type,
|
||
|
|
style: style,
|
||
|
|
vals: '{' + data + '}',
|
||
|
|
opts: JSON.stringify(opts)
|
||
|
|
},
|
||
|
|
dataType: 'html'
|
||
|
|
}).done(function (data) {
|
||
|
|
$fig.find('svg').remove();
|
||
|
|
$fig.prepend(data);
|
||
|
|
$('textarea').css({'-webkit-box-shadow': ''});
|
||
|
|
}).fail(function () {
|
||
|
|
$('textarea').css({'-webkit-box-shadow': 'inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6)'});
|
||
|
|
});
|
||
|
|
|
||
|
|
// $embed.remove();
|
||
|
|
// $fig.prepend(
|
||
|
|
// $('<embed>')
|
||
|
|
// .attr({
|
||
|
|
// src: src,
|
||
|
|
// type: 'image/svg+xml'
|
||
|
|
// })
|
||
|
|
// );
|
||
|
|
}
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
$('figure figcaption').append(
|
||
|
|
$('<button>')
|
||
|
|
.text('⟳')
|
||
|
|
.click(function() {
|
||
|
|
var $fig, $embed, w, h, src;
|
||
|
|
$fig = $(this).closest('figure');
|
||
|
|
$embed = $fig.find('embed');
|
||
|
|
w = $embed.width();
|
||
|
|
h = $embed.height();
|
||
|
|
src = $embed.attr('src');
|
||
|
|
$embed.remove();
|
||
|
|
$fig.prepend(
|
||
|
|
$('<embed>')
|
||
|
|
.attr({
|
||
|
|
src: src,
|
||
|
|
type: 'image/svg+xml',
|
||
|
|
width: w,
|
||
|
|
height: h
|
||
|
|
})
|
||
|
|
);
|
||
|
|
})
|
||
|
|
);
|
||
|
|
$('#type').on('change', resend);
|
||
|
|
$('#data').on('input', resend);
|
||
|
|
$('#style').on('change', resend);
|
||
|
|
$('.c-opts').on('input', resend);
|
||
|
|
resend();
|
||
|
|
});
|