In der Abbildung ist das Temperatur-Wärme-Diagramm für \( {mG} \,\mathrm{g} \) eines Stoffes X dargestellt, welcher sich zu Beginn im festen Zustand befand. Dem Stoff wurde kontinuierlich Wärme zugeführt und dabei ständig die Temperatur gemessen.
JXG.Options.point.infoboxDigits = 0;
const col1='#4285F4', col2='#EA4335', col3='#34A853', col4='#FBBC05';
const colVecN='#4285F4', colVecS='#EA4335', colVecC='#34A853';
// Attributes for points and lines
function attrPfix(addAttr={}) {
const attr = {fixed: true, visible: true, withLabel: false, color:col1, size: 1};
return { ...attr, ...addAttr};
}
function attrLineH(myCol=col1, myName='') {
const attrLook = { strokeWidth:3, strokeColor:myCol, withLabel:true };
const attrFunc = { fixed:true, straightFirst:false, straightLast:false };
const attrLab = { name:myName, label:{position:'top', offset:[0,-12], color:myCol} };
return { ...attrLook, ...attrFunc, ...attrLab};
}
function attrLineD(myCol=col1, myName='') {
const attrLook = { strokeWidth:3, strokeColor:myCol, withLabel:true };
const attrFunc = { fixed:true, straightFirst:false, straightLast:false };
const attrLab = { name:myName, label:{position:'top', offset:[8,-8], color:myCol} };
return { ...attrLook, ...attrFunc, ...attrLab};
}
const T1 = {T1}, T2 = {T2}, T3 = {T3}, T4 = {T4};
const Q1 = {Q1}, Q2 = {Q2}, Q3 = {Q3}, Q4 = {Q4}, Q5 = {Q5};
var brd = JXG.JSXGraph.initBoard(BOARDID, {
boundingbox: [-50, 180, 400, -100], axis:true,
defaultAxes: {
x: {minorTicks: 1, withLabel: true, name: '$$Q\\;\\mathrm{(kJ)}$$',
label: {position: 'rt', offset: [10, 26], anchorX: 'right', parse: false, fontSize: 12 },
// ticks: {insertTicks: false, ticksDistance: 0.2, minorTicks: 1 }
},
y: {withLabel:true, name: '$$\\vartheta\\;\\mathrm{(^\\circ C)}$$',
label: {position: 'rt', offset: [10, 15], parse: false, fontSize: 12 },
// ticks: {insertTicks: false, ticksDistance: 20, minorTicks: 1 }
},
},
zoom: {enabled:false, wheel: false}, pan: {enabled:false, needTwoFingers: false},
showCopyright: false, showNavigation: false
});
// console.log(brd);
// Define elements on brd
var p1 = brd.create('point', [ 0, T1], attrPfix() ),
p2 = brd.create('point', [p1.X()+Q1, T2], attrPfix() ),
p3 = brd.create('point', [p2.X()+Q2, T2], attrPfix() ),
p4 = brd.create('point', [p3.X()+Q3, T3], attrPfix() );
p5 = brd.create('point', [p4.X()+Q4, T3], attrPfix() );
p6 = brd.create('point', [p5.X()+Q5, T4], attrPfix() );
brd.create('line', [ p1, p2 ], attrLineD(col1, '1' ) );
brd.create('line', [ p2, p3 ], attrLineH(col1, '2' ) );
brd.create('line', [ p3, p4 ], attrLineD(col1, '3' ) );
brd.create('line', [ p4, p5 ], attrLineH(col1, '4' ) );
brd.create('line', [ p5, p6 ], attrLineD(col1, '5' ) );
]]>
