Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
// LineScatterComboChart
const elLineScatterCombo = document.querySelector('.section[data-section="chart"] .lineScatterCombo');
const theme6 = {
series: {
scatter: {
colors: ['#ffb840']
},
line: {
colors: ['#785fff']
}
}
};
tuiChart.registerTheme('theme6', theme6);
const lineScatterData = {
series: {
scatter: [
{
name: 'Efficiency',
data: [
{ x: 10, y: 20 },
{ x: 14, y: 30 },
{ x: 18, y: 10 },
{ x: 20, y: 30 },
{ x: 24, y: 15 },
{ x: 25, y: 25 },
{ x: 26, y: 5 },
{ x: 30, y: 35 },
{ x: 34, y: 15 },
pointOnColumn: true
},
xAxis: {
title: 'Month',
tickInterval: 'auto'
},
series: {
zoomable: true
},
tooltip: {
suffix: 'kWh'
},
theme: 'theme5'
};
tuiChart.registerTheme('theme5', {
series: {
area: {
colors: ['#ffb840']
},
line: {
colors: ['#785fff']
}
}
});
const lineAreaComboChart = tuiChart.comboChart(elLineAreaCombo, lineAreaRowData, lineAreaComboOptions);
console.group('LineAreaComboChart');
console.log(lineAreaComboChart);
console.log('chartType: ', lineAreaComboChart.chartType);
console.log('chartTypes: ', lineAreaComboChart.chartTypes);
console.log('className : ', lineAreaComboChart.className);
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', myTheme);
options.theme = 'myTheme';
}
return ;
};
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', bulletChartTheme);
options.theme = 'myTheme';
}
return ;
};
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', commonTheme);
options.theme = 'myTheme';
}
return ;
};
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', treeMapChartTheme);
options.theme = 'myTheme';
}
return ;
};
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', commonTheme);
options.theme = 'myTheme';
}
return ;
};
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', commonTheme);
options.theme = 'myTheme';
}
return ;
};
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', mapChartTheme);
options.theme = 'myTheme';
}
return ;
};
const Story = () => {
if (theme === themeOptions.myTheme) {
TuiChart.registerTheme('myTheme', commonTheme);
options.theme = 'myTheme';
}
return ;
};