Steffen Becker
bf98014a3a
word/charts/chartN.xml → an SVG picture of the frame's size: series from the producer's numCache, theme accent colours, titles, gridlines and the axis bounds the file fixes. Bar, line, area, scatter and pie; the rest keep the box.
60 lines
3.0 KiB
TypeScript
60 lines
3.0 KiB
TypeScript
// A DrawingML chart part drawn as an SVG picture (import/chart.ts): series values,
|
|
// the file's own axis bounds, and the 1..n categories a chart without any gets.
|
|
import { describe, it, expect } from 'vitest';
|
|
import { chartDataUrl } from '../../src/lib/import/chart';
|
|
|
|
const C = 'xmlns:c="http://schemas.openxmlformats.org/drawingml/2006/chart"';
|
|
const A = 'xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"';
|
|
|
|
const points = (vals: number[]) =>
|
|
`<c:numCache><c:ptCount val="${vals.length}"/>` +
|
|
vals.map((v, i) => `<c:pt idx="${i}"><c:v>${v}</c:v></c:pt>`).join('') + '</c:numCache>';
|
|
|
|
const chartXml = (plot: string, opts: { max?: string; cats?: string[] } = {}) =>
|
|
`<c:chartSpace ${C} ${A}><c:chart>` +
|
|
`<c:title><c:tx><c:rich><a:p><a:r><a:t>Phase Std</a:t></a:r></a:p></c:rich></c:tx></c:title>` +
|
|
`<c:plotArea><${plot}><c:ser><c:spPr><a:solidFill><a:schemeClr val="accent2"/></a:solidFill></c:spPr>` +
|
|
(opts.cats ? `<c:cat><c:strCache><c:ptCount val="${opts.cats.length}"/>` +
|
|
opts.cats.map((t, i) => `<c:pt idx="${i}"><c:v>${t}</c:v></c:pt>`).join('') + '</c:strCache></c:cat>' : '') +
|
|
`<c:val><c:numRef>${points([1, 2, 3])}</c:numRef></c:val></c:ser></${plot}>` +
|
|
`<c:catAx><c:title><c:tx><c:rich><a:p><a:r><a:t>interferogram</a:t></a:r></a:p></c:rich></c:tx></c:title></c:catAx>` +
|
|
`<c:valAx><c:scaling><c:orientation val="minMax"/>${opts.max ? `<c:max val="${opts.max}"/>` : ''}</c:scaling>` +
|
|
`<c:majorGridlines/></c:valAx>` +
|
|
`</c:plotArea></c:chart></c:chartSpace>`;
|
|
|
|
const svgOf = (xml: string, accents: string[] = []) => {
|
|
const url = chartDataUrl(xml, 400, 300, accents);
|
|
expect(url?.startsWith('data:image/svg+xml')).toBe(true);
|
|
return decodeURIComponent(url!.replace(/^data:image\/svg\+xml;charset=utf-8,/, ''));
|
|
};
|
|
|
|
describe('a chart part', () => {
|
|
it('draws its bars, title, axis title and the theme accent it names', () => {
|
|
const svg = svgOf(chartXml('c:barChart'), ['#111111', '#22AA33']);
|
|
expect(svg).toContain('Phase Std');
|
|
expect(svg).toContain('interferogram');
|
|
expect(svg).toContain('#22AA33');
|
|
expect((svg.match(/<rect /g) ?? []).length).toBe(4); // one background + three bars
|
|
});
|
|
|
|
it('takes the value axis bound from the file, not from the data', () => {
|
|
expect(svgOf(chartXml('c:barChart', { max: '10' }))).toContain('>10<');
|
|
expect(svgOf(chartXml('c:barChart'))).not.toContain('>10<');
|
|
});
|
|
|
|
it('numbers the categories 1..n when the file names none, and keeps the ones it does', () => {
|
|
const plain = svgOf(chartXml('c:barChart'));
|
|
expect(plain).toContain('>1<');
|
|
expect(plain).toContain('>3<');
|
|
expect(svgOf(chartXml('c:barChart', { cats: ['Mo', 'Di', 'Mi'] }))).toContain('>Di<');
|
|
});
|
|
|
|
it('draws a line and a pie chart, and declines a plot it cannot draw', () => {
|
|
expect(svgOf(chartXml('c:lineChart'))).toContain('<polyline');
|
|
expect(svgOf(chartXml('c:pieChart'))).toContain('<path');
|
|
expect(chartDataUrl(chartXml('c:surfaceChart'), 400, 300, [])).toBeNull();
|
|
expect(chartDataUrl('not xml at all', 400, 300, [])).toBeNull();
|
|
});
|
|
});
|
|
|