Graphics by Jerry Lee
Source: CJ Cheiljedang
var jchartpie = document.getElementById('j-myChart1'); var labels= ['Sales', 'Overseas Sales'] new Chart(jchartpie, { type: 'pie', data: { datasets: [{ data: [302, 124], backgroundColor: ["rgba(255, 199, 32, .3)", "rgba(29, 178, 246, .3)"], borderColor: ["rgba(255, 199, 32, .8)", "rgba(29, 178, 246, .8)"], borderWidth: 1, }], labels: labels, }, options: { tooltips: { titleFontSize: 14, bodyFontSize: 14, filter: function (tooltipItem, data) { var label = data.labels[tooltipItem.index]; console.log(tooltipItem, data, label); console.log(data.datasets) return true } }, responsive: true, legend: { display: false, position: 'top' }, responsiveAnimationDuration: 0, // 크기 변경후 다시뜨는 애니메이션 시간 0초 plugins: { deferred: {enabled: true}, datalabels: { color: '#171717', font: { weight: 'normal', size: 14 }, //anchor: 'end', //clamp: 'true', //align: 'end', padding: 5, borderRadius : 15, //anchor: 'top', formatter: function(value, context) { console.log(context) if (value == 124) { return value + " (41.1%)" } else { return value + " (58.9%)" } }, }, } } }) var jchartpie = document.getElementById('j-myChart2'); var labels= ['Sales', 'Overseas Sales'] new Chart(jchartpie, { type: 'pie', data: { datasets: [{ data: [387, 166], backgroundColor: ["rgba(255, 199, 32, .3)", "rgba(29, 178, 246, .3)"], borderColor: ["rgba(255, 199, 32, .8)", "rgba(29, 178, 246, .8)"], borderWidth: 1, }], labels: labels, }, options: { tooltips: { titleFontSize: 14, bodyFontSize: 14, filter: function (tooltipItem, data) { var label = data.labels[tooltipItem.index]; console.log(tooltipItem, data, label); console.log(data.datasets) return true } }, responsive: true, legend: { display: false, position: 'top' }, responsiveAnimationDuration: 0, // 크기 변경후 다시뜨는 애니메이션 시간 0초 plugins: { deferred: {enabled: true}, datalabels: { color: '#171717', font: { weight: 'normal', size: 14 }, //anchor: 'end', //clamp: 'true', //align: 'end', padding: 5, borderRadius : 15, //anchor: 'top', formatter: function(value, context) { console.log(context) if (value == 166) { return value + " (42.9%)" } else { return value + " (57.1%)" } }, }, } } }) var jchartpie = document.getElementById('j-myChart3'); var labels= ['Sales', 'Overseas Sales'] new Chart(jchartpie, { type: 'pie', data: { datasets: [{ data: [506, 241], backgroundColor: ["rgba(255, 199, 32, .3)", "rgba(29, 178, 246, .3)"], borderColor: ["rgba(255, 199, 32, .8)", "rgba(29, 178, 246, .8)"], borderWidth: 1, }], labels: labels, }, options: { tooltips: { titleFontSize: 14, bodyFontSize: 14, filter: function (tooltipItem, data) { var label = data.labels[tooltipItem.index]; console.log(tooltipItem, data, label); console.log(data.datasets) return true } }, responsive: true, legend: { display: false, position: 'top' }, responsiveAnimationDuration: 0, // 크기 변경후 다시뜨는 애니메이션 시간 0초 plugins: { deferred: {enabled: true}, datalabels: { color: '#171717', font: { weight: 'normal', size: 14 }, //anchor: 'end', //clamp: 'true', //align: 'end', padding: 5, borderRadius : 15, //anchor: 'top', formatter: function(value, context) { console.log(context) if (value == 241) { return value + " (47.6%)" } else { return value + " (52.4%)" } }, }, } } }) var jchartpie = document.getElementById('j-myChart4'); var labels= ['Sales', 'Overseas Sales'] new Chart(jchartpie, { type: 'pie', data: { datasets: [{ data: [660, 369], backgroundColor: ["rgba(255, 199, 32, .3)", "rgba(29, 178, 246, .3)"], borderColor: ["rgba(255, 199, 32, .8)", "rgba(29, 178, 246, .8)"], borderWidth: 1, }], labels: labels, }, options: { tooltips: { titleFontSize: 14, bodyFontSize: 14, filter: function (tooltipItem, data) { var label = data.labels[tooltipItem.index]; console.log(tooltipItem, data, label); console.log(data.datasets) return true } }, responsive: true, legend: { display: false, position: 'top' }, responsiveAnimationDuration: 0, // 크기 변경후 다시뜨는 애니메이션 시간 0초 plugins: { deferred: {enabled: true}, datalabels: { color: '#171717', font: { weight: 'normal', size: 14 }, //anchor: 'end', //clamp: 'true', //align: 'end', padding: 5, borderRadius : 15, //anchor: 'top', formatter: function(value, context) { console.log(context) if (value == 369) { return value + " (55.9%)" } else { return value + " (44.1%)" } }, }, } } }) var jchartpie = document.getElementById('j-myChart5'); var labels= ['Sales', 'Overseas Sales'] new Chart(jchartpie, { type: 'pie', data: { datasets: [{ data: [868, 552], backgroundColor: ["rgba(255, 199, 32, .3)", "rgba(29, 178, 246, .3)"], borderColor: ["rgba(255, 199, 32, .8)", "rgba(29, 178, 246, .8)"], borderWidth: 1, }], labels: labels, }, options: { tooltips: { titleFontSize: 14, bodyFontSize: 14, filter: function (tooltipItem, data) { var label = data.labels[tooltipItem.index]; console.log(tooltipItem, data, label); console.log(data.datasets) return true } }, responsive: true, legend: { display: false, position: 'top' }, responsiveAnimationDuration: 0, // 크기 변경후 다시뜨는 애니메이션 시간 0초 plugins: { deferred: {enabled: true}, datalabels: { color: '#171717', font: { weight: 'normal', size: 14 }, //anchor: 'end', //clamp: 'true', //align: 'end', padding: 5, borderRadius : 15, //anchor: 'top', formatter: function(value, context) { console.log(context) if (value == 552) { return value + " (63.6%)" } else { return value + " (36.4%)" } }, }, } } }) var jchartpie = document.getElementById('j-myChart6'); var labels= ['Sales', 'Overseas Sales'] new Chart(jchartpie, { type: 'pie', data: { datasets: [{ data: [1030, 670], backgroundColor: ["rgba(255, 199, 32, .3)", "rgba(29, 178, 246, .3)"], borderColor: ["rgba(255, 199, 32, .8)", "rgba(29, 178, 246, .8)"], borderWidth: 1, }], labels: labels, }, options: { tooltips: { titleFontSize: 14, bodyFontSize: 14, filter: function (tooltipItem, data) { var label = data.labels[tooltipItem.index]; console.log(tooltipItem, data, label); console.log(data.datasets) return true } }, responsive: true, legend: { display: false, position: 'top' }, responsiveAnimationDuration: 0, // 크기 변경후 다시뜨는 애니메이션 시간 0초 plugins: { deferred: {enabled: true}, datalabels: { color: '#171717', font: { weight: 'normal', size: 14 }, //anchor: 'end', //clamp: 'true', //align: 'end', padding: 5, borderRadius : 15, //anchor: 'top', formatter: function(value, context) { console.log(context) if (value == 670) { return value + " (65%)" } else { return "1,030" + " (35%)" } }, }, } } }) Instant rice market size in the US Unit: Billion won EstimatesGraphics by Jerry Lee
Source: CJ Cheiljedang
var ctx = document.getElementById("j-myChart0").getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['2019', '2020', '2021', '2022', '2025'], datasets: [{ label: 'Market Size', backgroundColor: ["rgba(29, 178, 246, .3)", "rgba(29, 178, 246, .3)", "rgba(29, 178, 246, .3)", "rgba(29, 178, 246, .7)", "rgba(29, 178, 246, .7)"], borderColor: "rgba(29, 178, 246, .8)", borderWidth: 1, data: [460, 590, 640, 730, 1092], } ], }, options: { segmentShowStroke: false, responsive: true, scales: { xAxes: [{ stacked: false, ticks: { beginAtZero: true, steps: 10, stepValue: 5, min: 0, max: 2000, fontSize: 10, fontColor: 'black' }, }], yAxes: [{ //stacked: true, ticks: { beginAtZero: true, steps: 10, stepValue: 5, min: 0, max: 1200, fontWeight: 'bold', fontSize: 10, fontColor: 'black' }, }] }, tooltips: { titleFontSize: 15, bodyFontSize: 14, filter: function (tooltipItem, data) { var label = data.labels[tooltipItem.index]; console.log(tooltipItem, data, label); if (label == "2026" ) { return false } else { return true; } }, //특정 단어 덧대는 툴팁 방법 /*tooltips: { titleFontSize: 14, bodyFontSize: 13, callbacks: { label: function(tooltipItem) { return "$" + Number(tooltipItem.yLabel) + " and so worth it !"; } },*/ }, maintainAspectRatio: true, legend: { display: false, position: 'top', padding: 10, border: 0 }, plugins: { deferred: {enabled: true, delay: 400}, datalabels: { color: '#171717', borderWidth: 0.7, borderColor: false, borderRadius : 5, anchor: 'end', //scales: 'left', //textAlign: 'start', align: 'end', clamp: 'true', backgroundColor: false, //padding: 80, offset: -2, font: { //weight: 'bold', size: 12 }, formatter: function(value, context) { if(value == 1092) { return "1,092" } else { return value + '' } }, }, }, } }); Another differentiator for Hetbahn's Bibigo line is its bowl-type container, which is convenient to use. By comparison, other pre-cooked rice sold in the US is packaged in pouches. The US instant rice market has been growing at an average of 14% per year to reach 640 billion won ($520 million) in 2021. But low-priced steamed rice takes the majority of the market.As the US instant rice market is projected to exceed 1 trillion won in 2025, the demand for premium products is expected to pick up.In particular, the segment of rice products, including Hetbahn and frozen fried rice, has been expanding by over 40% per year. An assortment of CJ Cheiljedang food products sold in the US GLOBAL STRATEGY PRODUCTWith the shipment of the multigrain Hetbahn products, CJ will further expand the production of its seven major products targeting global consumers. Among them are the traditional Korean side dish Kimchi, Korean sauces such as the spicy red chili paste gochujang and dried laver.Those products, dubbed its global strategy products, saw their US sales rise 30% on-year in 2021."When we launched Hetbahn (in 1996), nobody had ever thought of buying pre-cooked rice," said a CJ Cheiljedang official."Now that we added multigrain bowls, Hetbahn will become a representative K-food product beyond Korea."In 2020, CJ set a milestone to surpass 1 trillion won in sales from a single food item: Bibigo mandu, the company's prized dumpling brand.By Soo-jung Haagatha77@hankyung.comYeonhee Kim edited this article.2024-11-05 22:38:27