{"id":7890,"date":"2025-04-27T12:54:48","date_gmt":"2025-04-27T03:54:48","guid":{"rendered":"https:\/\/www.envraddb.go.jp\/entesttest\/?page_id=7890"},"modified":"2026-06-12T20:58:19","modified_gmt":"2026-06-12T11:58:19","slug":"annual-change","status":"publish","type":"page","link":"https:\/\/www.envraddb.go.jp\/en\/special\/graph\/annual-change\/","title":{"rendered":"Annual Trend Chart"},"content":{"rendered":"<!-- flatpickr CSS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr@4.6.13\/dist\/flatpickr.min.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr@4.6.13\/dist\/plugins\/monthSelect\/style.css\" \/>\r\n<!-- flatpickr JS -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr@4.6.13\/dist\/flatpickr.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr@4.6.13\/dist\/l10n\/ja.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr@4.6.13\/dist\/plugins\/monthSelect\/index.js\"><\/script>\r\n<main id=\"app\" v-scope=\"AchChartApp({ lang: 'en' })\" v-cloak @vue:mounted=\"init\">\r\n  <div id=\"breadcrumb\">\r\n    <ul>\r\n      <li><a href=\"https:\/\/www.envraddb.go.jp\/en\/\">Home<\/a><\/li>\r\n      <li><a href=\"https:\/\/www.envraddb.go.jp\/en\/special\/graph\/\">Create a Summary Table<\/a><\/li>\r\n      <li v-if=\"dispMode == 'cond'\">Annual Trend Chart<\/li>\r\n      <li v-if=\"dispMode == 'result'\"><a href=\"https:\/\/www.envraddb.go.jp\/en\/special\/graph\/annual-change\/\">Annual Trend Chart<\/a><\/li>\r\n      <li v-if=\"dispMode == 'result'\">Annual Trend Chart (Results Display)<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n  <div class=\"contents\">\r\n    <article v-if=\"dispMode == 'cond' && condOpts\">\r\n      <h2 class=\"c-main-title\">Select Conditions<\/h2>\r\n      <p>\r\nUsing data registered in the Environmental Radiation Database, you can create an Annual Trend Chart of radioactivity concentration data.<br>By setting conditions according to the screen prompts, you can easily generate graphs.\r\n      <\/p>\r\n      <div class=\"cautionarea\">\r\n        The count of applicable data records begins once all required items are selected.\r\n      <\/div>\r\n      <br>\r\n      <div class=\"cautionarea\">\r\n        No graph will be generated if no applicable data exists.\r\n      <\/div>\r\n      <div class=\"rectlink\">\r\n        <a href=\"https:\/\/www.envraddb.go.jp\/en\/special\/graph\/annual-change\/faq\/\" class=\"btnMove\">FAQ on how to read Annual Trend Charts is available here <\/a>\r\n      <\/div>\r\n      <!-- (v-model)\u3067\u53cc\u65b9\u5411bind(input\u30bf\u30b0\u3068model\u5024) -->\r\n\r\n      <div class=\"cond-box\">\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Reference Items<span class=\"required\">Required<\/span>\r\n        <\/h3>\r\n        <p>\r\n          Select the items you wish to display. This allows you to compare multiple survey areas or view multiple samples\/nuclides together.\r\n        <\/p>\r\n        <div class=\"check_list set set5 noborder\">\r\n          <label>\r\n            <input type=\"radio\" name=\"multiType\" v-model=\"cond.multiType\" value=\"PREF\" @change=\"changeMultiType\" \/>\r\n            <span>Display multiple prefectures<\/span>\r\n          <\/label>\r\n          <label>\r\n            <input type=\"radio\" name=\"multiType\" v-model=\"cond.multiType\" value=\"SAMPLE\" @change=\"changeMultiType\" \/>\r\n            <span>Display multiple samples<\/span>\r\n          <\/label>\r\n          <label>\r\n            <input type=\"radio\" name=\"multiType\" v-model=\"cond.multiType\" value=\"ELEMENT\" @change=\"changeMultiType\" \/>\r\n            <span>Display multiple nuclides<\/span>\r\n          <\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cond-box\" v-if=\"cond.multiType == 'PREF'\">\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Survey Area<span class=\"required\">Required (Multiple selections allowed)<\/span>\r\n        <\/h3>\r\n        <p>Select the prefectures you wish to include in the search.<\/p>\r\n        <div class=\"area-box\">\r\n          <label>\r\n            <input type=\"checkbox\" name=\"allPref\" v-model=\"cond.allPref\"\r\n              @change=\"onChk_allPref($event); reqGetCount()\" \/>\r\n            <span>Nationwide (47 prefectures)<\/span>\r\n          <\/label>\r\n        <\/div>\r\n        <div class=\"area-box\" v-for=\"ar in condOpts.areaList\" :key=\"ar.areaCd\">\r\n          <div class=\"area-check\">\r\n            <label>\r\n              <input type=\"checkbox\" name=\"areaCd\" v-model=\"cond.areaCds\" :value=\"ar.areaCd\"\r\n                @change=\"onChk_area($event, ar); reqGetCount()\" \/>\r\n              <span> {{ ar.areaName }}<\/span>\r\n            <\/label>\r\n          <\/div>\r\n          <div>\r\n            <label v-for=\"pr in ar.prefList\" :key=\"pr.prefcd\">\r\n              <input type=\"checkbox\" name=\"prefcd\" v-model=\"cond.prefcds\" :value=\"pr.prefcd\"\r\n                @change=\"onChk_pref($event, ar); reqGetCount()\" \/>\r\n              <span>{{ pr.prefname }}<\/span>\r\n            <\/label>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cond-box\" v-else>\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Survey Area<span class=\"required\">Required (single selection)<\/span>\r\n        <\/h3>\r\n        <div class=\"area-box\" v-for=\"ar in condOpts.areaList\" :key=\"ar.areaCd\">\r\n          <div class=\"area-check\">\r\n            <label>\r\n              <span> {{ ar.areaName }}<\/span>\r\n            <\/label>\r\n          <\/div>\r\n          <div>\r\n            <label v-for=\"pr in ar.prefList\" :key=\"pr.prefcd\">\r\n              <input type=\"radio\" name=\"prefcd\" v-model=\"cond.prefcd\" :value=\"pr.prefcd\"\r\n                @change=\"onChk_pref($event, ar); reqGetCount()\" \/>\r\n              <span>{{ pr.prefname }}<\/span>\r\n            <\/label>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cond-box\">\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Survey Period<span class=\"required\">Required<\/span>\r\n        <\/h3>\r\n        <p>Specify the period you wish to search.<\/p>\r\n\r\n        <!-- flatpickr -->\r\n        <div class=\"calendar\">\r\n          <input id=\"transient_yearMonthFrom\" type=\"text\" name=\"yearMonthFrom\" class=\"yearMonth\" placeholder=\"yyyy-MM\"\r\n            maxlength=\"7\" v-model.lazy=\"cond.yearMonthFrom\" @change=\"reqGetCount()\" \/>\r\n          <button class=\"calendar-open-btn\" @click=\"open_transient_fp('transient_yearMonthFrom')\" title=\"\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u958b\u304f\">\r\n            <img decoding=\"async\" src=\"\/common\/images\/calendar.svg\" width=\"20px\" height=\"20px\" alt=\"calendar\" \/>\r\n          <\/button>\r\n          <span> - <\/span>\r\n          <input id=\"transient_yearMonthTo\" type=\"text\" name=\"yearMonthTo\" class=\"yearMonth\" placeholder=\"yyyy-MM\"\r\n            maxlength=\"7\" v-model.lazy=\"cond.yearMonthTo\" @change=\"reqGetCount()\" \/>\r\n          <button class=\"calendar-open-btn\" @click=\"open_transient_fp('transient_yearMonthTo')\" title=\"\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u958b\u304f\">\r\n            <img decoding=\"async\" src=\"\/common\/images\/calendar.svg\" width=\"20px\" height=\"20px\" alt=\"calendar\" \/>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cond-box\">\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Survey Samples<span v-if=\"cond.multiType == 'SAMPLE'\" class=\"required\">Required (multiple selections)<\/span>\r\n          <span v-else class=\"required\">Required (single selection)<\/span>\r\n        <\/h3>\r\n        <p>\r\nSelect one sample category (major classification) you wish to search. Selecting a sample category (major classification) will display sample subcategories (medium classification).<br>From the displayed sample subcategories, select the sample for which you wish to create an Annual Trend Chart.\r\n        <\/p>\r\n        <div class=\"m-block\">\r\n          <h4>Environmental Sample    <\/h4>\r\n          <div class=\"check_list set set6\">\r\n            <label v-for=\"spt in condOpts.S_sampletypeList\" :key=\"spt.sampletypecd\">\r\n              <input type=\"radio\" name=\"sampletypecd\" v-model=\"cond.S_sampletypecd\" :value=\"spt.sampletypecd\"\r\n                @change=\"onChk_sampletype_Ex($event, 'S'); reqGetCount()\" \/>\r\n              <span>{{ spt.sampletypename }}<\/span>\r\n            <\/label>\r\n            <div class=\"underMember bgw\" v-if=\"S_sampleList.length\">\r\n              <p>Select the sample (subcategory).<\/p>\r\n              <div v-if=\"cond.multiType == 'SAMPLE'\" class=\"border-bar pb0\">\r\n                <button @click=\"onChk_S_allSample(true); reqGetCount()\">\r\n                  Select all    \r\n                <\/button>\r\n                <button @click=\"onChk_S_allSample(false); reqGetCount()\">\r\n                Clear all    \r\n                <\/button>\r\n\r\n              <\/div>\r\n              <div v-if=\"cond.multiType == 'SAMPLE'\" class=\"check_list\">\r\n                <label v-for=\"sp in S_sampleList\" :key=\"sp.samplecd\">\r\n                  <input type=\"checkbox\" name=\"samplecd\" v-model=\"cond.S_samplecds\" :value=\"sp.samplecd\"\r\n                    @change=\"reqGetCount()\" \/>\r\n                  <span>{{ sp.samplename }}<\/span>\r\n                <\/label>\r\n              <\/div>\r\n              <div v-else class=\"check_list\">\r\n                <label v-for=\"sp in S_sampleList\" :key=\"sp.samplecd\">\r\n                  <input type=\"radio\" name=\"samplecd\" v-model=\"cond.S_samplecd\" :value=\"sp.samplecd\"\r\n                    @change=\"reqGetCount()\" \/>\r\n                  <span>{{ sp.samplename }}<\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"m-block\">\r\n          <h4>Air Radiation Dose (Discrete) <\/h4>\r\n          <div class=\"check_list set set4\">\r\n            <label v-for=\"spt in condOpts.N_sampletypeList\" :key=\"spt.sampletypecd\">\r\n              <input type=\"radio\" name=\"sampletypecd\" v-model=\"cond.N_sampletypecd\" :value=\"spt.sampletypecd\"\r\n                @change=\"onChk_sampletype_Ex($event, 'N'); reqGetCount()\" \/>\r\n              <span>{{ spt.sampletypename }}<\/span>\r\n            <\/label>\r\n            <div class=\"underMember bgw\" v-if=\"N_sampleList.length\">\r\n              <p>Select the sample (subcategory).<\/p>\r\n              <div v-if=\"cond.multiType == 'SAMPLE'\" class=\"border-bar pb0\">\r\n                <button @click=\"onChk_N_allSample(true); reqGetCount()\">\r\n                  Select all\r\n                <\/button>\r\n                <button @click=\"onChk_N_allSample(false); reqGetCount()\">\r\n                  Clear all\r\n                <\/button>\r\n\r\n              <\/div>\r\n              <div v-if=\"cond.multiType == 'SAMPLE'\" class=\"check_list\">\r\n                <label v-for=\"sp in N_sampleList\" :key=\"sp.samplecd\">\r\n                  <input type=\"checkbox\" name=\"samplecd\" v-model=\"cond.N_samplecds\" :value=\"sp.samplecd\"\r\n                    @change=\"reqGetCount()\" \/>\r\n                  <span>{{ sp.samplename }}<\/span>\r\n                <\/label>\r\n              <\/div>\r\n              <div v-else class=\"check_list\">\r\n                <label v-for=\"sp in N_sampleList\" :key=\"sp.samplecd\">\r\n                  <input type=\"radio\" name=\"samplecd\" v-model=\"cond.N_samplecd\" :value=\"sp.samplecd\"\r\n                    @change=\"reqGetCount()\" \/>\r\n                  <span>{{ sp.samplename }}<\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"m-block\">\r\n          <h4>Air Radiation Dose (Continuous) <\/h4>\r\n          <div class=\"check_list set set4\">\r\n            <label v-for=\"spt in condOpts.C_sampletypeList\" :key=\"spt.sampletypecd\">\r\n              <input type=\"radio\" name=\"sampletypecd\" v-model=\"cond.C_sampletypecd\" :value=\"spt.sampletypecd\"\r\n                @change=\"onChk_sampletype_Ex($event, 'C'); reqGetCount()\" \/>\r\n              <span>{{ spt.sampletypename }}<\/span>\r\n            <\/label>\r\n            <div class=\"underMember bgw\" v-if=\"C_sampleList.length\">\r\n              <p>Select the sample (subcategory). <\/p>\r\n              <div v-if=\"cond.multiType == 'SAMPLE'\" class=\"border-bar pb0\">\r\n                <button @click=\"onChk_C_allSample(true); reqGetCount()\">\r\n                  Select all\r\n                <\/button>\r\n                <button @click=\"onChk_C_allSample(false); reqGetCount()\">\r\n                  Clear all\r\n                <\/button>\r\n\r\n              <\/div>\r\n              <div v-if=\"cond.multiType == 'SAMPLE'\" class=\"check_list\">\r\n                <label v-for=\"sp in C_sampleList\" :key=\"sp.samplecd\">\r\n                  <input type=\"checkbox\" name=\"samplecd\" v-model=\"cond.C_samplecds\" :value=\"sp.samplecd\"\r\n                    @change=\"reqGetCount()\" \/>\r\n                  <span>{{ sp.samplename }}<\/span>\r\n                <\/label>\r\n              <\/div>\r\n              <div v-else class=\"check_list\">\r\n                <label v-for=\"sp in C_sampleList\" :key=\"sp.samplecd\">\r\n                  <input type=\"radio\" name=\"samplecd\" v-model=\"cond.C_samplecd\" :value=\"sp.samplecd\"\r\n                    @change=\"reqGetCount()\" \/>\r\n                  <span>{{ sp.samplename }}<\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cond-box\">\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Survey Nuclide    <span v-if=\"cond.multiType == 'ELEMENT'\" class=\"required\">Required (multiple selection) <\/span>\r\n          <span v-else class=\"required\">Required (single selection)<\/span>\r\n        <\/h3>\r\n        <div v-if=\"isNeedElement\" class=\"s-block\">\r\n          <p>\r\n            Select the nuclide(s) you wish to search for.    \r\n          <\/p>\r\n          <div>\r\n            <div class=\"s-block\">\r\n              <span>Filter by Radiation Type:<\/span>\r\n              <label v-for=\"vt in getRdtypeVtList()\" :key=\"vt.value\">\r\n                <input type=\"radio\" name=\"elFilter_rdtype\" v-model=\"elFilter.rdtype\" :value=\"vt.value\" \/>\r\n                <span>{{ vt.text }}<\/span>\r\n              <\/label>\r\n            <\/div>\r\n            <div class=\"s-block\">\r\n              <span>Filter by Nuclide Name (Partial Match):<\/span>\r\n              <input type=\"text\" name=\"elFilter_name\" placeholder=\"Filter by nuclide name\" v-model=\"elFilter.name\" \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div v-if=\"cond.multiType == 'ELEMENT'\">\r\n            <div class=\"border-bar\">\r\n              <button @click=\"onChk_allEl(true); reqGetCount()\">\r\n                Select all\r\n              <\/button>\r\n              <button @click=\"onChk_allEl(false); reqGetCount()\">\r\n                Clear all\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"check_list set\">\r\n              <label v-for=\"el in filter_elementList\" :key=\"el.elementcd\">\r\n                <input type=\"checkbox\" name=\"elementcd\" v-model=\"cond.elementcds\" :value=\"el.elementcd\"\r\n                  @change=\"reqGetCount()\" \/>\r\n                <span>{{ el.elementname }}<\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div>\r\n          <div v-else>\r\n            <div class=\"check_list set\">\r\n              <label v-for=\"el in filter_elementList\" :key=\"el.elementcd\">\r\n                <input type=\"radio\" name=\"elementcd\" v-model=\"cond.elementcd\" :value=\"el.elementcd\"\r\n                  @change=\"reqGetCount()\" \/>\r\n                <span>{{ el.elementname }}<\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div v-else class=\"s-block\">\r\n          <div v-if=\"isPendingScn\">\r\n            Selecting a survey sample displays the available survey nuclides.\r\n          <\/div>\r\n          <div v-else>No need to select a survey nuclide.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cond-box\">\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Concentration unit<span class=\"required\">Required<\/span>\r\n        <\/h3>\r\n        <div v-if=\"isPendingScn\" class=\"s-block\">\r\n          Selecting a survey sample displays the available concentration units.\r\n        <\/div>\r\n        <div v-else class=\"check_list\">\r\n          <label v-for=\"ut in UnitList\" :key=\"ut.unitcd\">\r\n            <input type=\"radio\" name=\"unitcd\" v-model=\"cond.unitcd\" :value=\"ut.unitcd\" @change=\"reqGetCount()\" \/>\r\n            <span>{{ ut.unitname }}<\/span>\r\n          <\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cond-box\">\r\n        <h3 class=\"p-block__detailTitle\">\r\n          Target Survey<span class=\"any\">Optional<\/span>\r\n        <\/h3>\r\n        <p>\r\n          You can select the survey to be searched. If not selected, all surveys will be included.<br>For details on each survey, refer to the <a href=\"https:\/\/www.envraddb.go.jp\/en\/special\/survey-list\/\">Target Survey List.<\/a>\r\n        <\/p>\r\n        <div class=\"s-block\">\r\n          <label>\r\n            <input type=\"checkbox\" name=\"use_pubSurvey\" v-model=\"cond.use_pubSurvey\"\r\n              @change=\"onChk_use_pubSurvey($event)\" \/>\r\n            <span>Filter target surveys<\/span>\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <div v-if=\"cond.use_pubSurvey\">\r\n          <div class=\"s-block\" v-for=\"psvctg in condOpts.pubSurveyCtgList\" :key=\"psvctg.pubSurveyCtgCd\">\r\n            <h4>{{ psvctg.pubSurveyCtgName }}<\/h4>\r\n            <div class=\"check_list set set4\">\r\n              <label v-for=\"psv in psvctg.pubSurveyList\" :key=\"psv.pubSurveyCd\">\r\n                <input type=\"checkbox\" name=\"pubSurveyCd\" v-model=\"cond.pubSurveyCds\" :value=\"psv.pubSurveyCd\"\r\n                  @change=\"reqGetCount()\" \/>\r\n                <span>{{ psv.pubSurveyName }}<\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bottom_area article1\">\r\n        <div class=\"act-bar fix-act-bar\">\r\n          <!-- \u30e1\u30c3\u30bb\u30fc\u30b8\u30a8\u30ea\u30a2 \u30a8\u30e9\u30fc\u5185\u5bb9\u307e\u305f\u306f\u4ef6\u6570\u3092\u8868\u793a\u3059\u308b\u4f8b -->\r\n          <div v-if=\"errorMsg\" class=\"msg-area msg-error\">\r\n            {{ errorMsg }}\r\n          <\/div>\r\n          <div v-else-if=\"countResult\" class=\"msg-area\">\r\n            <span>Matching Data<\/span> {{ countResult.count }} <span>Items<\/span>\r\n          <\/div>\r\n\r\n          <!-- (@\u30a4\u30d9\u30f3\u30c8\u540d)\u3067logic\u3078bind -->\r\n          <div class=\"right\">\r\n            <button @click=\"search(1)\" :disabled=\"!enableSearch\">\r\n              Create an Annual Trend Chart\r\n            <\/button>\r\n            <button @click=\"exportCsv\" :disabled=\"!enableSearch\">\r\n              Save data as CSV\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"act-bar center\">\r\n          <div class=\"right\">\r\n            <button @click=\"clear\">Clear all conditions<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"text-center my-5\">\r\n          <a href=\"https:\/\/www.envraddb.go.jp\/en\/\" class=\"btn btn-return btnMove\">Return to Home<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article v-if=\"dispMode == 'result' && result\">\r\n      <h2 class=\"c-main-title\">Annual Trend Chart (Results Display)<\/h2>\r\n      <p>\r\n        To edit the graph title, axis minimum\/maximum values, or other graph settings, select the \u201cEdit graph\u201d checkbox and click the \u201cApply edits\u201d button. The graph will then be redrawn using your updated settings.\r\n      <\/p>\r\n      <div class=\"rectlink\">\r\n        <a href=\"https:\/\/www.envraddb.go.jp\/en\/special\/graph\/annual-change\/faq\/\" class=\"btnMove\">FAQ on how to read Annual Trend Charts is available here <\/a>\r\n      <\/div>\r\n\r\n      <!-- \u30b0\u30e9\u30d5\u30c7\u30fc\u30bf -->\r\n\r\n      <div class=\"chart-box\" v-for=\"ch in result.chartList\" :key=\"ch.id\">\r\n        <!--\r\n            <h2>{{ ch.title }}<\/h2>\r\n          -->\r\n        <!-- \u30b0\u30e9\u30d5\u30a8\u30ea\u30a2(id\u4ed8\u4e0e) -->\r\n        <div class=\"chart-area\" :id=\"ch.id\" v-effect=\"createChart(ch)\"><\/div>\r\n        <!-- \u30b0\u30e9\u30d5\u7de8\u96c6 -->\r\n        <div class=\"edit_graph\">\r\n          <div>\r\n            <label>\r\n              <input type=\"checkbox\" name=\"editForm_openFlag\" v-model=\"ch.editForm.openFlag\" \/>\r\n              <span>Edit graph<\/span>\r\n            <\/label>\r\n          <\/div>\r\n          <div v-if=\"ch.editForm.openFlag\" class=\"inputarea\">\r\n            <div class=\"flexarea_top\">\r\n              <div class=\"title\">\r\n                <div>\r\n                  <label>Title<\/label>\r\n                  <input type=\"text\" name=\"editFrom_title\" placeholder=\"\" maxlength=\"30\" v-model=\"ch.editForm.title\" \/>\r\n                <\/div>\r\n                <p>\r\n             \u203bEnter your desired title within 30 characters. Titles exceeding 30 characters will be invalid.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"y\">\r\n                <label>\r\n                  <input type=\"checkbox\" name=\"editForm_logarithmic\" v-model=\"ch.editForm.logarithmic\" \/>\r\n                  <span>Logarithmic Y-axis<\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"flexarea_bottom\">\r\n              <div>\r\n                <label>Minimum Value<\/label>\r\n                <input type=\"number\" name=\"editFrom_min\" v-model=\"ch.editForm.min\" \/>\r\n              <\/div>\r\n              <div>\r\n                <label>Maximum Value<\/label>\r\n                <input type=\"number\" name=\"editFrom_max\" v-model=\"ch.editForm.max\" \/>\r\n              <\/div>\r\n              <div>\r\n                <label>Scale Interval<\/label>\r\n                <input type=\"number\" name=\"editFrom_tickInterval\" v-model=\"ch.editForm.tickInterval\" \/>\r\n              <\/div>\r\n            <\/div>\r\n            <p>\r\n              *Enter the maximum value as a multiple of the scale interval. If not a multiple, the maximum value may not display correctly.\r\n            <\/p>\r\n            <div class=\"act-bar\">\r\n              <button @click=\"execChartEdit(ch)\">Apply edits<\/button>\r\n              <button @click=\"clearChartEdit(ch)\">\r\n                Revert edits\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"btnarea\">\r\n        <button class=\"csv\" @click=\"exportCsv\">Save data as CSV<\/button>\r\n        <button class=\"print\" onclick=\"window.print(); return false;\">\r\n          Print this page\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"l-block\">\r\n        <h3 class=\"p-block__detailTitle\">Filter Conditions<\/h3>\r\n        <p>The search results above were retrieved using the following search criteria.<\/p>\r\n        <div class=\"tablearea normal\">\r\n          <table>\r\n            <tbody>\r\n              <tr v-for=\"(val,key) in result.condValues\">\r\n                <th style=\"width: 25%\">{{ key }}<\/th>\r\n                <td>{{ val }}<\/td>\r\n              <\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n        <\/div>\r\n        <div class=\"btnarea\">\r\n          <button class=\"single\" @click=\"backToCond\">Change search criteria<\/button>\r\n        <\/div>\r\n        <h4>Important Notes for Use<\/h4>\r\n        <p>\r\n         When citing data, clearly state in the printed material or other medium that the information is sourced from this database.<br \/>For citation examples and other important notes, refer to the <a href=\"https:\/\/www.envraddb.go.jp\/en\/sitepolicy\/\">Site Policy.<\/a>\r\n        <\/p>\r\n        <div class=\"text-center my-5\">\r\n          <a href=\"https:\/\/www.envraddb.go.jp\/en\/\" class=\"btn btn-return btnMove\">Return to Home<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- loading.css\u3092\u4f7f\u7528\u3057\u305floading\u30c0\u30a4\u30a2\u30ed\u30b0 -->\r\n    <dialog id=\"loading-dialog\" v-effect=\"loading ? $el.showModal() : $el.close()\">\r\n      <span class=\"loading48\">Loading<span><\/span><\/span>\r\n    <\/dialog>\r\n  <\/div>\r\n<\/main>\r\n\r\n<!-- highcharts\u4e00\u5f0f(v12\u56fa\u5b9a) \u975emodule -->\r\n<script src=\"https:\/\/code.highcharts.com\/12.0\/highcharts.js\"><\/script>\r\n<script src=\"https:\/\/code.highcharts.com\/12.0\/highcharts-more.js\"><\/script>\r\n<script src=\"https:\/\/code.highcharts.com\/12.0\/modules\/accessibility.js\"><\/script>\r\n<script src=\"https:\/\/code.highcharts.com\/12.0\/modules\/exporting.js\"><\/script>\r\n<script src=\"https:\/\/code.highcharts.com\/12.0\/modules\/export-data.js\"><\/script>\r\n<script src=\"https:\/\/code.highcharts.com\/12.0\/modules\/offline-exporting.js\"><\/script>\r\n\r\n<script type=\"module\">\r\n  \/\/ petite-vue\u3092\u4f7f\u7528\u3057\u3066\u30a2\u30d7\u30ea(AchChartApp)\u3092DOM(v-scope\u4f4d\u7f6e)\u3078mount\r\n  import { createApp } from \"https:\/\/unpkg.com\/petite-vue@0.4.1\/dist\/petite-vue.es.js\";\r\n  import { AchChartApp, setupHichcharts } from \"\/erdb-pub-app.js\";\r\n  setupHichcharts(Highcharts);\r\n  createApp({ AchChartApp }).mount();\r\n<\/script>","protected":false},"excerpt":{"rendered":"Home Create a Summary Table Annual Trend Chart Annual Trend Chart Annual Trend Chart (Results Display) Select  [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":7883,"menu_order":31,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"page_category":[],"class_list":["post-7890","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/pages\/7890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/comments?post=7890"}],"version-history":[{"count":13,"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/pages\/7890\/revisions"}],"predecessor-version":[{"id":9239,"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/pages\/7890\/revisions\/9239"}],"up":[{"embeddable":true,"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/pages\/7883"}],"wp:attachment":[{"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/media?parent=7890"}],"wp:term":[{"taxonomy":"page_category","embeddable":true,"href":"https:\/\/www.envraddb.go.jp\/en\/wp-json\/wp\/v2\/page_category?post=7890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}