I have the following code which adds a diagram and a couple of shapes. Is there anyway to apply a class to the underlying svg?
var element = $("#paper").kendoDiagram({
shapeDefaults: {
width: 85,
height: 110,
editable: false,
content: {
align: 'center'
},
hover: {
fill: "lightgrey"
},
stroke: {
width: 1,
color: 'black'
}
},
connectionDefaults: {
type: "polyline",
endCap: "ArrowEnd"
}
});
var diagram = element.data("kendoDiagram");
var operand = diagram.addShape({
width: 85,
height: 110,
x: 20,
y: 187,
editable: { connect: false },
fill: {
color: '#00CC00'
},
content: {
text: 'Quarter',
}
});
var operator = diagram.addShape({
width: 85,
height: 110,
x: 203,
y: 20,
fill: {
color: '#00CC00'
},
content: {
text: 'Target %'
}
});
var element = $("#paper").kendoDiagram({
shapeDefaults: {
width: 85,
height: 110,
editable: false,
content: {
align: 'center'
},
hover: {
fill: "lightgrey"
},
stroke: {
width: 1,
color: 'black'
}
},
connectionDefaults: {
type: "polyline",
endCap: "ArrowEnd"
}
});
var diagram = element.data("kendoDiagram");
var operand = diagram.addShape({
width: 85,
height: 110,
x: 20,
y: 187,
editable: { connect: false },
fill: {
color: '#00CC00'
},
content: {
text: 'Quarter',
}
});
var operator = diagram.addShape({
width: 85,
height: 110,
x: 203,
y: 20,
fill: {
color: '#00CC00'
},
content: {
text: 'Target %'
}
});