CINXE.COM

Survival

<!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang=""><![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]--> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NXDBSJM');</script> <!-- End Google Tag Manager --> <!-- START: 81434731 pixels, are aggregated in consenTag container --> <script src="https://consentag.eu/public/3.0.1/consenTag.js"></script> <script type="text/javascript"> consenTag.init({ containerId: "68805734", silentMode: true }, true); </script> <!-- END: 81434731 pixels, are aggregated in consenTag container --> <!-- Encoding --> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta content="utf-8" http-equiv="encoding"> <!-- set the viewport width and initial-scale on mobile devices --> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <!-- HTTP Headers --> <meta http-equiv="Author" content="EFPIA EU"> <meta http-equiv="X-Content-Type-Options" content="nosniff"> <meta http-equiv="X-Frame-Options" content="SAMEORIGIN"> <meta http-equiv="X-X-XSS-Protection: 1" mode="block"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta charset="utf-8"> <title>Survival</title> <link rel="apple-touch-icon"> <link rel="stylesheet" href="/css/jquery-ui.min.css?v=1.0.0.0"> <link href="/css/error.css?v=7052fdace13829e5ff0e7d49c99bc4f575eb526e" rel="stylesheet" /><link href="/css/app.min.css?v=7052fdace13829e5ff0e7d49c99bc4f575eb526e" rel="stylesheet" /> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> <link rel="manifest" href="/favicon/manifest.json"> <link rel="mask-icon" color="#5bbad5" href="/favicon/safari-pinned-tab.svg"> <link rel="shortcut icon" href="/favicon/favicon.ico"> <meta name="msapplication-config" content="/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" integrity="sha512-W/zrbCncQnky/EzL+/AYwTtosvrM+YG/V6piQLSe2HuKS6cmbw89kjYkp3tWFn1dkWV7L1ruvJyKbLz73Vlgfg==" crossorigin="anonymous" referrerpolicy="no-referrer" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/brands.min.css" /> <link rel="stylesheet" integrity="sha512-rOTVxSYNb4+/vo9pLIcNAv9yQVpC8DNcFDWPoc+gTv9SLu5H8W0Dn7QA4ffLHKA0wysdo6C5iqc+2LEO1miAow==" crossorigin="anonymous" referrerpolicy="no-referrer" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/regular.min.css" /> <link rel="stylesheet" integrity="sha512-sx5f0oBw5bYJXpvIAFXqCP3p5heQFrIDUJEUu2ja7WbmFHBHKY565OjQK2PQM+8PruMwcDR18WEIOse4qEBJ8Q==" crossorigin="anonymous" referrerpolicy="no-referrer" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/v4-font-face.min.css" /> <meta property="og:title" content="Survival" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://efpia.eu/publications/cancer-comparator-report/survival/" /> <script id="Cookiebot" data-cbid="12849ae9-a830-4c42-950e-8784a5a8e44d" type="text/javascript" async src="https://consent.cookiebot.com/uc.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-TLWDSS0274"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-TLWDSS0274'); </script> </head> <body class=" notransition"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXDBSJM" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="wrapper" data-cookiemessage="This website uses cookies to offer you a better browsing experience. If you continue browsing our website, you accept these cookies. Find out more on how we use cookies and how you can change your settings." data-policyurl="/privacy-notice/" data-policy="Read Cookie Policy" data-accepttext="Accept Cookies"> <div> <section class="navigation"> <div id="sidebar"> <div class="navigation__wrapper"> <nav> <div class="navigation__mobile_header"> <i id="navigation__close" class="navigation__close material-icons">close</i> </div> <ul class="navigation__list"> <li> <a href="https://efpia.eu/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-home"></i> <div> <span>Home</span> </div> </div> </a> </li> <li> <a href="#/" class="navigation--link navigation--has-submenu no-popup " data-id="10041"> <div class="navigation__link-container"> <i class="navigation__icon icon-support"></i> <div> <span>#WE-WONT-REST</span> </div> <i class="material-icons chev-right">chevron_right</i> </div> </a> </li> <li> <a href="#/" class="navigation--link navigation--has-submenu no-popup " data-id="1075"> <div class="navigation__link-container"> <i class="navigation__icon icon-speech"></i> <div> <span>News &amp; Events</span> </div> <i class="material-icons chev-right">chevron_right</i> </div> </a> </li> <li> <a href="#/" class="navigation--link navigation--has-submenu no-popup " data-id="1078"> <div class="navigation__link-container"> <i class="navigation__icon icon-loop"></i> <div> <span>About medicines</span> </div> <i class="material-icons chev-right">chevron_right</i> </div> </a> </li> <li> <a href="#/" class="navigation--link navigation--has-submenu no-popup " data-id="16790"> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <div> <span>More Than Medicine</span> </div> <i class="material-icons chev-right">chevron_right</i> </div> </a> </li> <li> <a href="https://efpia.eu/pharmaceutical-legislation/" class="navigation--link " data-id="17887"> <div class="navigation__link-container"> <i class="navigation__icon icon-book-open"></i> <div> <span>Pharmaceutical Legislation</span> </div> </div> </a> </li> <li> <a href="#/" class="navigation--link navigation--has-submenu no-popup " data-id="1077"> <div class="navigation__link-container"> <i class="navigation__icon icon-notebook"></i> <div> <span>Relationships &amp; code</span> </div> <i class="material-icons chev-right">chevron_right</i> </div> </a> </li> <li> <a href="#/" class="navigation--link navigation--has-submenu no-popup current" data-id="1076"> <div class="navigation__link-container"> <i class="navigation__icon icon-layers"></i> <div> <span>Publications</span> </div> <i class="material-icons chev-right">chevron_right</i> </div> </a> </li> <li> <a href="#/" class="navigation--link navigation--has-submenu no-popup " data-id="1079"> <div class="navigation__link-container"> <i class="navigation__icon icon-people"></i> <div> <span>About us</span> </div> <i class="material-icons chev-right">chevron_right</i> </div> </a> </li> <li> <a href="https://efpia.eu/contact-us/" class="navigation--link " data-id="1090"> <div class="navigation__link-container"> <i class="navigation__icon icon-note"></i> <div> <span>Contact us</span> </div> </div> </a> </li> <li class="navigation__kmslogin"> <a href="http://kms.efpia.eu/user/login?destination=/" target="_blank" class="navigation--link"> <div class="navigation__link-container"> <i class="navigation__icon icon-lock"></i> <div> <span>KMS Login</span> </div> </div> </a> </li> </ul> </nav> </div> </div> <div id="sidebar__submenu"> <div class="subnavigation__wrapper"> <nav> <div class="navigation__mobile_header"> <i id="subnavigation__back" class="navigation__back material-icons"> arrow_back</i> <i id="subnavigation__close" class="navigation__close material-icons">close</i> </div> <ul class="subnavigation__list" id="submenu-10041"> <li> <a href="https://efpia.eu/we-wont-rest/" class="subnavigation__header "> <i class="navigation__icon icon-support"></i> <span>#WE-WONT-REST</span> </a> </li> <li class="has-tertiary-nav"> <a href="https://efpia.eu/we-wont-rest/patient-stories/" class="navigation--link no-popup " data-id="12213"> <div class=" navigation__link-container"> <i class="navigation__icon icon-speech"></i> <span>Patient stories</span> <i class="material-icons expand-more">expand_more</i> <i class="material-icons expand-less">expand_less</i> <i class="material-icons chev-right">chevron_right</i> </div> </a> <ul class="tertiary__navigation"> <li> <a href="/we-wont-rest/patient-stories/?locId=0&orgId=0&diseaseId=11228" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Alzheimer's patient story</span> </div> </a> </li> <li> <a href="/we-wont-rest/patient-stories/?locId=0&orgId=0&diseaseId=15647" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Blood cancer patient story</span> </div> </a> </li> <li> <a href="/we-wont-rest/patient-stories/?locId=0&orgId=0&diseaseId=15648" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Lung cancer patient story</span> </div> </a> </li> <li> <a href="/we-wont-rest/patient-stories/?locId=0&orgId=0&diseaseId=12642" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Haemophilia patient story</span> </div> </a> </li> </ul> </li> <li class=""> <a href="https://efpia.eu/we-wont-rest/members-updates/" class="navigation--link no-popup " data-id="15663"> <div class=" navigation__link-container"> <i class="navigation__icon icon-speech"></i> <span>Members updates</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/we-wont-rest/imagine/" class="navigation--link no-popup " data-id="18132"> <div class=" navigation__link-container"> <i class="navigation__icon icon-magic-wand"></i> <span>Imagine</span> </div> </a> </li> </ul> <ul class="subnavigation__list" id="submenu-1075"> <li> <a href="https://efpia.eu/news-events/" class="subnavigation__header "> <i class="navigation__icon icon-speech"></i> <span>News &amp; Events</span> </a> </li> <li class=""> <a href="https://efpia.eu/news-events/the-efpia-view/" class="navigation--link no-popup " data-id="1094"> <div class=" navigation__link-container"> <i class="navigation__icon icon-eye"></i> <span>The EFPIA View</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/news-events/events/" class="navigation--link no-popup " data-id="1111"> <div class=" navigation__link-container"> <i class="navigation__icon icon-direction"></i> <span>Events</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/news-events/newsletter/" class="navigation--link no-popup " data-id="1118"> <div class=" navigation__link-container"> <i class="navigation__icon icon-envelope"></i> <span>Newsletter</span> </div> </a> </li> </ul> <ul class="subnavigation__list" id="submenu-1078"> <li> <a href="https://efpia.eu/about-medicines/" class="subnavigation__header "> <i class="navigation__icon icon-loop"></i> <span>About medicines</span> </a> </li> <li class="has-tertiary-nav"> <a href="https://efpia.eu/about-medicines/development-of-medicines/" class="navigation--link no-popup " data-id="1081"> <div class=" navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Development of medicines</span> <i class="material-icons expand-more">expand_more</i> <i class="material-icons expand-less">expand_less</i> <i class="material-icons chev-right">chevron_right</i> </div> </a> <ul class="tertiary__navigation"> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/animal-use-and-welfare/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Animal Use and Welfare</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/antimicrobial-resistance-amr/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Antimicrobial resistance (AMR)</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/digital-health/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Digital Health</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/intellectual-property/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Intellectual Property</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/precision-medicine/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Precision medicine</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/public-private-partnerships/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Public-private partnerships</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/regulations-safety-supply/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Regulations, safety &amp; supply</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/smes-in-europe/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>SMEs in Europe</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/trade/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Trade</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/unmet-medical-need/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Unmet medical need</span> </div> </a> </li> </ul> </li> <li class="has-tertiary-nav"> <a href="https://efpia.eu/about-medicines/use-of-medicines/" class="navigation--link no-popup " data-id="1082"> <div class=" navigation__link-container"> <i class="navigation__icon icon-heart"></i> <span>Use of medicines</span> <i class="material-icons expand-more">expand_more</i> <i class="material-icons expand-less">expand_less</i> <i class="material-icons chev-right">chevron_right</i> </div> </a> <ul class="tertiary__navigation"> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/hta-relative-efficacy-assessment/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-heart"></i> <span>HTA &amp; Relative Efficacy Assessment</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/disease-specific-groups/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-heart"></i> <span>Disease-specific groups</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-heart"></i> <span>Healthcare Systems</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/value-of-medicines/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-heart"></i> <span>Value of medicines</span> </div> </a> </li> </ul> </li> <li class="has-tertiary-nav"> <a href="https://efpia.eu/about-medicines/access-to-medicines/" class="navigation--link no-popup " data-id="16315"> <div class=" navigation__link-container"> <i class="navigation__icon icon-paper-plane"></i> <span>Access to medicines</span> <i class="material-icons expand-more">expand_more</i> <i class="material-icons expand-less">expand_less</i> <i class="material-icons chev-right">chevron_right</i> </div> </a> <ul class="tertiary__navigation"> <li> <a href="https://efpia.eu/about-medicines/access-to-medicines/back-innovation-boost-access/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-paper-plane"></i> <span>Back Innovation, Boost Access</span> </div> </a> </li> </ul> </li> </ul> <ul class="subnavigation__list" id="submenu-16790"> <li> <a href="https://efpia.eu/more-than-medicine/" class="subnavigation__header "> <i class="navigation__icon icon-ma-compare"></i> <span>More Than Medicine</span> </a> </li> <li class=""> <a href="https://efpia.eu/more-than-medicine/improving-health/" class="navigation--link no-popup " data-id="16650"> <div class=" navigation__link-container"> <i class="navigation__icon "></i> <span>Improving Health</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/more-than-medicine/turning-science-into-new-medicines/" class="navigation--link no-popup " data-id="16651"> <div class=" navigation__link-container"> <i class="navigation__icon "></i> <span>Turning science into new medicines</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/more-than-medicine/responsible-innovation/" class="navigation--link no-popup " data-id="16652"> <div class=" navigation__link-container"> <i class="navigation__icon "></i> <span>Responsible Innovation</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/more-than-medicine/economic-impact/" class="navigation--link no-popup " data-id="16653"> <div class=" navigation__link-container"> <i class="navigation__icon "></i> <span>Economic impact</span> </div> </a> </li> </ul> <ul class="subnavigation__list" id="submenu-17887"> <li> <a href="https://efpia.eu/pharmaceutical-legislation/" class="subnavigation__header "> <i class="navigation__icon icon-book-open"></i> <span>Pharmaceutical Legislation</span> </a> </li> </ul> <ul class="subnavigation__list" id="submenu-1077"> <li> <a href="https://efpia.eu/relationships-code/" class="subnavigation__header "> <i class="navigation__icon icon-notebook"></i> <span>Relationships &amp; code</span> </a> </li> <li class=""> <a href="https://efpia.eu/relationships-code/the-efpia-code/" class="navigation--link no-popup " data-id="13034"> <div class=" navigation__link-container"> <i class="navigation__icon icon-notebook"></i> <span>The EFPIA Code</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/relationships-code/patient-organisations/" class="navigation--link no-popup " data-id="1089"> <div class=" navigation__link-container"> <i class="navigation__icon icon-people"></i> <span>Patient organisations</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/relationships-code/healthcare-professionals-hcps/" class="navigation--link no-popup " data-id="1080"> <div class=" navigation__link-container"> <i class="navigation__icon icon-book-open"></i> <span>Healthcare professionals (HCPs)</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/relationships-code/disclosure-of-payments/" class="navigation--link no-popup " data-id="10735"> <div class=" navigation__link-container"> <i class="navigation__icon icon-user"></i> <span>Disclosure of payments</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/relationships-code/national-codes/" class="navigation--link no-popup " data-id="1093"> <div class=" navigation__link-container"> <i class="navigation__icon icon-globe-alt"></i> <span>National codes</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/relationships-code/eu-institutions/" class="navigation--link no-popup " data-id="1088"> <div class=" navigation__link-container"> <i class="navigation__icon icon-grid"></i> <span>EU institutions</span> </div> </a> </li> </ul> <ul class="subnavigation__list" id="submenu-1076"> <li> <a href="https://efpia.eu/publications/" class="subnavigation__header currentpage"> <i class="navigation__icon icon-layers"></i> <span>Publications</span> </a> </li> <li class=""> <a href="https://efpia.eu/publications/data-center/" class="navigation--link no-popup " data-id="1123"> <div class=" navigation__link-container"> <i class="navigation__icon icon-pie-chart"></i> <span>Data center</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/publications/downloads/" class="navigation--link no-popup " data-id="6474"> <div class=" navigation__link-container"> <i class="navigation__icon icon-cloud-download"></i> <span>Downloads</span> </div> </a> </li> <li class="has-tertiary-nav"> <a href="https://efpia.eu/publications/cancer-comparator-report/" class="navigation--link no-popup currentpage" data-id="14162"> <div class=" navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Cancer Comparator Report</span> <i class="material-icons expand-more">expand_more</i> <i class="material-icons expand-less">expand_less</i> <i class="material-icons chev-right">chevron_right</i> </div> </a> <ul class="tertiary__navigation"> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/about/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>About</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/recommendations/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Recommendations</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-cases/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Cancer Cases</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-deaths/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Cancer Deaths</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/survival/" class="navigation--link currentpage"> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Survival</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-care/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Cancer Care</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-types/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Cancer Types</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/resources/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Resources</span> </div> </a> </li> </ul> </li> </ul> <ul class="subnavigation__list" id="submenu-1079"> <li> <a href="https://efpia.eu/about-us/" class="subnavigation__header "> <i class="navigation__icon icon-people"></i> <span>About us</span> </a> </li> <li class=""> <a href="https://efpia.eu/about-us/who-we-are/" class="navigation--link no-popup " data-id="1096"> <div class=" navigation__link-container"> <i class="navigation__icon icon-organization"></i> <span>Who we are</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/about-us/efpia-japan/" class="navigation--link no-popup " data-id="1092"> <div class=" navigation__link-container"> <i class="navigation__icon icon-globe"></i> <span>EFPIA Japan</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/about-us/membership/" class="navigation--link no-popup " data-id="2376"> <div class=" navigation__link-container"> <i class="navigation__icon icon-user"></i> <span>Membership</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/about-us/job-vacancies/" class="navigation--link no-popup " data-id="11565"> <div class=" navigation__link-container"> <i class="navigation__icon icon-people"></i> <span>Job vacancies</span> </div> </a> </li> <li class=""> <a href="https://efpia.eu/about-us/partnerships-initiatives/" class="navigation--link no-popup " data-id="18931"> <div class=" navigation__link-container"> <i class="navigation__icon icon-size-actual"></i> <span>Partnerships &amp; Initiatives</span> </div> </a> </li> </ul> <ul class="subnavigation__list" id="submenu-1090"> <li> <a href="https://efpia.eu/contact-us/" class="subnavigation__header "> <i class="navigation__icon icon-note"></i> <span>Contact us</span> </a> </li> </ul> </nav> </div> </div> <div id="tertiary__menu-mobile"> <div class="navigation__mobile_header"> <i id="tertiary__back" class="navigation__back material-icons"> arrow_back</i> <i id="tertiary__close" class="navigation__close material-icons">close</i> </div> <ul class="tertiary-id-1081 tertiary__list"> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/" class="subnavigation__header "> <i class="navigation__icon icon-docs"></i> <span>Development of medicines</span> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/animal-use-and-welfare/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-bubbles"></i> <span>Animal Use and Welfare</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/antimicrobial-resistance-amr/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-globe"></i> <span>Antimicrobial resistance (AMR)</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/digital-health/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-graph"></i> <span>Digital Health</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/intellectual-property/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-docs"></i> <span>Intellectual Property</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/precision-medicine/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-target"></i> <span>Precision medicine</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/public-private-partnerships/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-bulb"></i> <span>Public-private partnerships</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/regulations-safety-supply/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-support"></i> <span>Regulations, safety &amp; supply</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/smes-in-europe/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-eye"></i> <span>SMEs in Europe</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/trade/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-globe"></i> <span>Trade</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/development-of-medicines/unmet-medical-need/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-globe"></i> <span>Unmet medical need</span> </div> </a> </li> </ul> <ul class="tertiary-id-1082 tertiary__list"> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/" class="subnavigation__header "> <i class="navigation__icon icon-heart"></i> <span>Use of medicines</span> </a> </li> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/hta-relative-efficacy-assessment/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-graph"></i> <span>HTA &amp; Relative Efficacy Assessment</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/disease-specific-groups/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-target"></i> <span>Disease-specific groups</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-ma-compare"></i> <span>Healthcare Systems</span> </div> </a> </li> <li> <a href="https://efpia.eu/about-medicines/use-of-medicines/value-of-medicines/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon icon-people"></i> <span>Value of medicines</span> </div> </a> </li> </ul> <ul class="tertiary-id-16315 tertiary__list"> <li> <a href="https://efpia.eu/about-medicines/access-to-medicines/" class="subnavigation__header "> <i class="navigation__icon icon-paper-plane"></i> <span>Access to medicines</span> </a> </li> <li> <a href="https://efpia.eu/about-medicines/access-to-medicines/back-innovation-boost-access/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Back Innovation, Boost Access</span> </div> </a> </li> </ul> <ul class="tertiary-id-14162 tertiary__list"> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/" class="subnavigation__header currentpage"> <i class="navigation__icon icon-ma-compare"></i> <span>Cancer Comparator Report</span> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/about/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>About</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/recommendations/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Recommendations</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-cases/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Cancer Cases</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-deaths/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Cancer Deaths</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/survival/" class="navigation--link currentpage"> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Survival</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-care/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Cancer Care</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/cancer-types/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Cancer Types</span> </div> </a> </li> <li> <a href="https://efpia.eu/publications/cancer-comparator-report/resources/" class="navigation--link "> <div class="navigation__link-container"> <i class="navigation__icon "></i> <span>Resources</span> </div> </a> </li> </ul> </div> </section> <section id="content" class="content__wrapper"> <header class=" site__header"> <div class="header__burger mobile"> <i class="icon-menu"></i> </div> <div class="header__logo"> <a href="https://efpia.eu/"> </a> </div> <div class="header__breadcrumb"> <div class="breadcrumb__link"> <a href="https://efpia.eu/publications/"> EFPIA publications</a> </div> <div class="breadcrumb__link"> <a href="https://efpia.eu/publications/cancer-comparator-report/"> Cancer Care in 2020 &#x2013; An overview of cancer outcomes data across Europe </a> </div> <!-- Truncated Version for small screens upto --> <span class="truncated-breadcrumb"> Survival </span> <!-- Untruncated Version for large screens --> <span class="untruncated-breadcrumb"> Survival </span> </div> <div class="header__search"> <div class="search__container"> <form action="https://efpia.eu/search-results/"> <input type="text" name="query" id="header-search" class="search__input" placeholder="Search" /> <span class="fa fa-search desktop-search"></span> </form> </div> <div class="opensearch__mobile"> <span class="fa fa-search"></span> </div> </div> </header> <div class="searchbar__mobile"> <form action="https://efpia.eu/search-results/"> <i class="material-icons searchbar__close">close</i> <input type="text" placeholder="" name="query" /> <span class="fa fa-search submit-search-mob"></span> </form> </div> <div class="content__section"> <header role="banner" style="background-image: url(/media/554582/efpia_banner.jpg?width=1200&amp;amp;height=490); background-position: 50% 50%; " class=" " id="banner-image"> <div class="text__wrapper"> <div class="header__blurb"> <h2>Survival</h2> </div> </div> </header> <!-- Video Modal --> <div class="video__modal"> <div class="video__modal-cell"> <div class="video__close"> <a href="#" class="icon-close"></a> </div> <div class="videoWrapper"> <!-- Copy & Pasted from YouTube --> <iframe id="player" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen"></iframe> </div> </div> </div> <script integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous" src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script> <link rel="stylesheet" href="/css/efpia_chartjs.css"> <link rel="stylesheet" href="/css/w3.css"> <link rel="stylesheet" type="text/css" href="/css/shapes3.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- Manage the PDF export --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <style> #map { /* width: 100px; height: 100px; */ position: relative; } #navi { width: 100%; height: 10%; position: absolute; top: 0; left: 0; } #infoi { position: absolute; top: 0; right: 0; } #infoi { z-index: 10; } </style> <style> .efpia-button { width: 100%; border: none; display: inline-block; padding: 8px 8px; vertical-align: middle; overflow: hidden; text-decoration: none; color: blue; background-color: white; text-align: center; cursor: pointer; white-space: nowrap } .efpia-button-slim { width: 100%; border: none; display: inline-block; padding: 0px 0px 0px 0px; vertical-align: middle; overflow: hidden; text-decoration: none; color: blue; background-color: white; text-align: center; cursor: pointer; white-space: nowrap; line-height: 100%; } </style> <style type="text/css"> .style1 { font-family: Verdana, Arial, Helvetica, sans-serif } .style2 { font-family: Lato, Helvetica, sans-serif; font-weight: bolder } .style3 { font-family: Lato, Helvetica, sans-serif; font-weight: normal } .style4 { font-family: Lato, Helvetica, sans-serif; font-weight: bolder; color: #A80E67 } </style> <style> /* Buttons for the site-drop downs */ .button { border: 1px solid white; color: white; background: #a9a9a9; float: left; margin: 0px; padding: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; display: flex; align-items: center; justify-content: center; cursor: pointer; } .button:hover { background-color: #097883; /* Button color on hover*/ color: white; /* Font color on hover */ border-color: white } { height: 50px; line-height: 30px; border: 1px solid white; color: white; background: #a9a9a9; float: left; margin: 0px; padding: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; display: flex; align-items: center; justify-content: center; cursor: pointer; } .thinbutton:hover { background-color: #097883; /* Button color on hover*/ color: white; /* Font color on hover */ border-color: white } </style> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </script> <link rel='stylesheet' type='text/css' href="//fonts.googleapis.com/css?family=Lato:400,700"> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <style type="text/css"> .style1 { font-family: Verdana, Arial, Helvetica, sans-serif } </style> <section class="tab__section article-list__section tab__section--innovation-tab"> <div class="innovation-tab-wrapper"> <div class="tab__navigation-container tab__navigation-container--innovation"> <ul class="tab__navigation tab__navigation--withfilter items-6 js-selected-class"> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/">Home</a> </li> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/about/">About</a> </li> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/recommendations/">Recommendations</a> </li> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/cancer-cases/">Cancer Cases</a> </li> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/cancer-deaths/">Cancer Deaths</a> </li> <li class="innovation-list selected"> <a href="/publications/cancer-comparator-report/survival/">Survival</a> </li> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/cancer-care/">Cancer Care</a> </li> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/cancer-types/">Cancer Types</a> </li> <li class="innovation-list "> <a href="/publications/cancer-comparator-report/resources/">Resources</a> </li> </ul> </div> </div> <div class="innovation-tab-wrapper"> <div class="tab__navigation-container tab__navigation-container--innovation"> <ul class="tab__navigation tab__navigation--withfilter items-6 js-selected-class"> </ul> </div> </div> </section> <section class="content__container content__container--no-padding-m"> <div class="umb-grid"> <div class="grid-section"> <div > <div class="container"> <div class="row clearfix"> <div class="col-md-6 column"> <div > <h2>SURVIVAL</h2> <p>Survival measures the share of people diagnosed with cancer in a certain year and who are still alive after a certain period of time (usually measured as 1-year and 5-year survival).</p> <p>In Europe, there have been continuous increases in 5-year survival rates for the most common cancer types in all countries. These improvements are driven by a number of factors, including effective prevention and screening programmes as well as advances in diagnostics and surgical techniques. In addition, a recent step-change in treatment (with three distinct periods over the past two decades with particularly high numbers of new treatments being approved) has paved the way for further improvements in cancer outcomes.</p> <p>However, variation in cancer outcomes continue to persist. In colon cancer, for instance, if every European country were to achieve the survival rates of the best performing country – Iceland - then an additional 15,706 people across Europe would survive at least five years following diagnosis.</p> <p>To find out how many additional lives could be saved for each individual country if they were to achieve the colon cancer survival rates of Iceland – hover over the map to access the individual figures.</p> <p>For more information on cancer survival in Europe, you can access the report<span> </span><a href="https://www.efpia.eu/media/413449/comparator-report-on-cancer-in-europe-2019.pdf">here</a>.</p> <p>For cancer-specific survival, please click on the cancer-specific icons below.</p> </div> </div> <div class="col-md-6 column"> <div > <!-- Runs the SimpleMap scripts for the home page --> <script src="/simplemaps/mapdata_survival.js"></script> <script src="/simplemaps/europemap.js"></script> <!-- Get a circle on the map hover --> <style> #circle { width: 200px; height: 200px; border-radius: 50%; font-size: 50px; color: #fff; line-height: 50px; text-align: center; vertical-align: middle; background: #F37322 } </style> <!-- Styling code from simplemaps --> <style type="text/css"> /* Main pop-up box */ .tt_sm { border-radius: 5px; /* box-shadow: 3px 3px 4px rgba(0,0,0,.5); */ z-index: 1000000; /* background-color: white; */ padding: 7px; opacity: 0.9; font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: black; } /* Display details for the name of the selected country */ .tt_name_sm { float: left; font-weight: bold } /* Positon for the pop-up box close icon */ .xmark_sm { float: right; margin-left: 5px; cursor: pointer; line-height: 0px; } /* Custom top margin */ .tt_custom_sm { margin-top: 0px; } /* display for mobile devices */ .tt_mobile_sm { margin-top: 5px; } /* Link button at foot of box */ .btn_simplemaps { color: black; text-decoration: none; background: #ffffff; display: inline-block; padding: 5px 5px; margin: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.43; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid; border-radius: 4px; } .btn_simplemaps:hover { text-decoration: underline; } </style> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <style> .efpia-button { width: 100%; border: none; display: inline-block; padding: 8px 8px; vertical-align: middle; overflow: hidden; text-decoration: none; color: blue; background-color: white; text-align: center; cursor: pointer; white-space: nowrap } .efpia-button-slim { width: 100%; border: none; display: inline-block; padding: 0px 0px 0px 0px; vertical-align: middle; overflow: hidden; text-decoration: none; color: blue; background-color: white; text-align: center; cursor: pointer; white-space: nowrap; line-height: 100%; } </style> <style type="text/css"> .style1 { font-family: Verdana, Arial, Helvetica, sans-serif } .style2 { font-family: Lato, Helvetica, sans-serif; font-weight: bolder } .style3 { font-family: Lato, Helvetica, sans-serif; font-weight: normal } .style4 { font-family: Lato, Helvetica, sans-serif; font-weight: bolder; color: #A80E67 } </style> <style> /* Buttons for the site-drop downs */ .button { border: 1px solid white; color: white; background: #a9a9a9; float: left; margin: 0px; padding: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; display: flex; align-items: center; justify-content: center; cursor: pointer; } .button:hover { background-color: #097883; /* Button color on hover*/ color: white; /* Font color on hover */ border-color: white } /* Buttons for the slim site-drop downs */ .thinbutton { height: 50px; line-height: 30px; border: 1px solid white; color: white; background: #a9a9a9; float: left; margin: 0px; padding: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; display: flex; align-items: center; justify-content: center; cursor: pointer; } .thinbutton:hover { background-color: #097883; /* Button color on hover*/ color: white; /* Font color on hover */ border-color: white } </style> <div id="map_survival"> </div> <a class="w3-right style3">Number of lives saved in each country if they achieved the survival <br>rate of the best performing country</a> </div> </div> </div> </div> </div> <div > <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div > <!-- THIS IS THE OVERALL CONTAINER FOR THE REST OF THE PAGE --> <div class="w3-row w3-container w3-padding-small"> <div style="height:20px"> </div> <div class="w3-row w3-container w3-padding-small "> <div class="w3-row w3-padding-right style3" id="narrative"> <a class="w3-xlarge style4"><strong>CANCER SURVIVAL, 5 YEAR, AGE-STANDARDISED, 2000-2007</strong></a> <p>Variation in 5-year cancer survival persists across Europe. Over 30% more people are alive in Sweden five years following a cancer diagnosis when compared to Bulgaria.</p> </div> <!-- THIS SETS THE CHARTS to M10 --> <div class="w3-col m1 w3-text-white">.</div> <div class="w3-col m10"> <script> // ************************* // Coding change is SurvAll // ************************* var SurvAllTitle = '5 year age standardised survival relative survival 2000-2007, cumulative (patients ages >15)'; var SurvAllDataEU28 = [ 40, 43, 43, 47, 47, 47, 47, 49, 50, 51, 52, 53, 54, 54.56, 55, 56, 56, 57, 58, 59, 60, 60, 61, 61, 62, 62, 64 //40,43,43,47,47,47,47,49,50,51,52,53,54,55,56,56,57,58,59,60,60,61,61,62,62,64 ]; var SurvAllDataEU5 = [ 49, 53, 56, 59, 60 //49, 53, 56, 59, 60 ]; var EU27 = "grey"; var EU4 = "grey"; var SurvAllColors = [ BG, LV, PL, EE, HR, LT, SK, UK, SI, DK, CZ, ES, MT, EU27, IE, IT, NL, PT, NO, FR, CH, DE, AT, BE, FI, IS, SE //BG,LV,PL,EE,HR,LT,SK,UK,SI,DK,CZ,ES,MT,IE,IT,NL,PT,NO,FR,CH,DE,AT,BE,FI,IS,SE ]; var SurvAllColorsEU5 = [ UK, ES, IT, FR, DE //UK, ES, IT, FR, DE ]; var SurvAllCountries = [ 'Bulgaria', 'Latvia', 'Poland', 'Estonia', 'Croatia', 'Lithuania', 'Slovakia', 'UK', 'Slovenia', 'Denmark', 'Czech Republic', 'Spain', 'Malta', 'EU28', 'Ireland', 'Italy', 'Netherlands', 'Portugal', 'Norway', 'France', 'Switzerland', 'Germany', 'Austria', 'Belgium', 'Finland', 'Iceland', 'Sweden' //'Austria','Belgium','Bulgaria','Switzerland','Czech Republic','Germany','Denmark','Estonia','Spain','Finland','France','Croatia','Ireland','Iceland','Italy','Lithuania','Latvia','Malta','Netherlands','Norway','Poland','Portugal','Sweden','Slovenia','Slovakia','United Kingdom' ]; var SurvAllCountriesEU5 = [ 'UK', 'Spain', 'Italy', 'France', 'Germany' //'UK', 'ES', 'IT', 'FR', 'DE' ]; // ************************* // ************************* </script> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <!--#include file="efpia_chart_template.shtml" --> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvAllDiv"> <canvas id="SurvAll"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="w3-container w3-centered style2"> <button title="Show just the EU Big 5" class="w3-tiny w3-rightbar w3-border-white w3-button w3-padding w3-efpia-green w3-margin-bottom" style="width:10%" id="SurvAllEU5"> EU-5 </button> <button title="Show all EU 28 countries" class="w3-tiny w3-button w3-orange w3-margin-bottom" style="width:10%" id="SurvAllEU28"> EU28 </button> <a href="/data/Survival v2.xlsx" title="Download the data from this chart" class="w3-button w3-tiny w3-grey w3-margin-bottom" style="width:10%">Data</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-button w3-tiny w3-red w3-text-white w3-margin-bottom" style="width:12%">Download PPT</a> </div> </div> <script type="text/javascript"> // Setup the data for the initial chart var chartSurvAllData = { labels: SurvAllCountries, datasets: [ { label: SurvAllTitle, backgroundColor: SurvAllColors, data: SurvAllDataEU28 } /* , { label: SurvAllTitle, backgroundColor: SurvAllColors, data: SurvAllData2 } */ ] }; var chartSurvAllDataEU28 = { labels: SurvAllCountries, datasets: [ { label: SurvAllTitle, backgroundColor: SurvAllColors, data: SurvAllDataEU28 } /* , { label: SurvAllTitle, backgroundColor: SurvAllColors, data: SurvAllData2 } */ ] }; var ctxSurvAll = document.getElementById("SurvAll"); var SurvAll = new Chart(ctxSurvAll, { type: 'bar', data: chartSurvAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvAll").style.cursor = 'default'; return; } } }, // end of hover management scales: { xAxes: [{ ticks: { autoSkip: false } }], yAxes: [{ ticks: { beginAtZero: true } }] } } }); // Allow chart-type to be changed dynamically document.getElementById('SurvAllEU5').onclick = function () { // Reset any of thevariables, including what to display var chartSurvAllData = { labels: SurvAllCountriesEU5, datasets: [ { label: SurvAllTitle, backgroundColor: SurvAllColorsEU5, data: SurvAllDataEU5 }] }; // And then call the destroy/rebuild - using the axis parameters in here SurvAll.destroy(); SurvAll = new Chart(ctxSurvAll, { type: 'bar', data: chartSurvAllData, // Manage the axis scale options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvAll").style.cursor = 'default'; return; } } }, // end of hover management scales: { xAxes: [{ ticks: { autoSkip: false } }], yAxes: [{ display: true, ticks: { beginAtZero: true } }] } } // }); }; document.getElementById('SurvAllEU28').onclick = function () { // Reset any of the variables, including what to display var chartSurvAllData = { labels: SurvAllCountries, datasets: [ { label: SurvAllTitle, backgroundColor: SurvAllColors, data: SurvAllDataEU28 }] }; // And then call the destroy/rebuild SurvAll.destroy(); SurvAll = new Chart(ctxSurvAll, { type: 'bar', data: chartSurvAllData, // Manage the axis scale options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvAll").style.cursor = 'default'; return; } } }, // end of hover management xAxes: [{ ticks: { autoSkip: false } }], scales: { yAxes: [{ display: true, ticks: { beginAtZero: true } }] } } // }); }; </script> </div> <div class="w3-padding"> </div> <!-- Drop menus for site selection within category --> <style> #contentBreast { display: none; } #contentLung { display: none; } #contentColon { display: none; } #contentProstate { display: none; } #contentMelanoma { display: none; } #contentLeukaemia { display: none; } #contentOvary { display: none; } #contentHodgkins { display: none; } #contentNHL { display: none; } #contentPancreas { display: none; } #contentMyeloma { display: none; } </style> <style> .button { border: 1px solid white; color: white; background: white; float: left; margin: 0px; padding: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .button:hover { background-color: white; /* efpia Green */ color: white; border-color: white } </style> <!-- sub-site selection boxes for Inc. Mort, Surv --> <div class="w3-row"> <img id="toggleBreast" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/breast_blue.png" width="100%"> <img id="toggleColon" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/colon_blue.png" width="100%"> <img id="toggleProstate" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/prostate_blue.png" width="100%"> <img id="toggleMelanoma" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/melanoma_blue.png" width="100%"> <img id="toggleLeukaemia" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/lymphoid_blue.png" width="100%"> <img id="toggleLung" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/lung_blue.png" width="100%"> <img id="toggleOvary" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/ovary_blue.png" width="100%"> <!-- <img id="togglePancreas" class="button w3-col w3-white w3-hover-opacity" style="width:12.5%" src="/buttons/pancreas_blue.png" width="100%"> --> </div> <div style="height:20px"> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentBreast" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT ON THE LEFT PART OF THE SCREEN --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>BREAST CANCER SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <p> <div class="style3 w3-large" align="left"> <p> In 2010–2014, breast cancer 5-year survival ranged from 74% in Lithuania to 89% in Finland, Iceland, and Sweden. Survival rates between different countries are more uniform than in colon cancer, as 16 countries are in the relatively small range of 85% to 89%. </p> <p> There is a clear pattern of higher survival rates in countries with a higher GDP (except Ireland) and lower survival rates in countries with a lower GDP. However, several countries with a lower GDP (Estonia, Latvia, Malta, Portugal, Slovenia) achieved significant improvements between 1995–1999 and 2010–2014. </p> </div> </p> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m9"> <link rel="stylesheet" href="/css/w3.css"> <link rel="stylesheet" href="/css/efpia_chartjs.css"> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <style> .efpia-button { width: 100%; border: none; display: inline-block; padding: 8px 8px; vertical-align: middle; overflow: hidden; text-decoration: none; color: blue; background-color: white; text-align: center; cursor: pointer; white-space: nowrap } .efpia-button-slim { width: 100%; border: none; display: inline-block; padding: 0px 0px 0px 0px; vertical-align: middle; overflow: hidden; text-decoration: none; color: blue; background-color: white; text-align: center; cursor: pointer; white-space: nowrap; line-height: 100%; } </style> <style type="text/css"> .style1 { font-family: Verdana, Arial, Helvetica, sans-serif } .style2 { font-family: Lato, Helvetica, sans-serif; font-weight: bolder } .style3 { font-family: Lato, Helvetica, sans-serif; font-weight: normal } .style4 { font-family: Lato, Helvetica, sans-serif; font-weight: bolder; color: #A80E67 } </style> <style> /* Buttons for the site-drop downs */ .button { border: 1px solid white; color: white; background: #a9a9a9; float: left; margin: 0px; padding: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; display: flex; align-items: center; justify-content: center; cursor: pointer; } .button:hover { background-color: #097883; /* Button color on hover*/ color: white; /* Font color on hover */ border-color: white } /* Buttons for the slim site-drop downs */ .thinbutton { height: 50px; line-height: 30px; border: 1px solid white; color: white; background: #a9a9a9; float: left; margin: 0px; padding: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; display: flex; align-items: center; justify-content: center; cursor: pointer; } .thinbutton:hover { background-color: #097883; /* Button color on hover*/ color: white; /* Font color on hover */ border-color: white } </style> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </script> <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is SurvBreast // ************************* var SurvBreastTitle = 'Breast cancer 5 year age standardised survival rate in adults (15-99 years) 1995-2014'; var SurvBreastTitle1 = '1995-1999'; var SurvBreastTitle2 = '2000-2004'; var SurvBreastTitle3 = '2005-2009'; var SurvBreastTitle4 = '2010-2014'; var SurvBreastData1 = [ 65.3, , , 66.9, 62.3, 68, 77.5, 72.7, 73.1, 64.1, 71.3, 78.7, 77.8, 74.2, 81.2, 82.8, 75.8, 78.7, , 80, 83.7, 71.3, 74.9, 81.5, 82.8, 83.8, 83, , , , ]; var SurvBreastData2 = [ 64.6, , 75.3, 71.3, 70.9, 70.9, 73.6, 75.7, 77.2, 79.7, 78.7, 81.7, 82.9, 79.8, 83.9, 84.2, 80.3, 84.4, 84.8, 83.9, 86.8, 79.7, 81.6, 84.7, 86.5, 85.6, 87.4, 89.3, , , ]; var SurvBreastData3 = [ 71.3, 74.8, 76.6, 74.7, 75.4, 75.9, 78.2, 79.1, 81.4, 79.9, 82.5, 83.9, 84.6, 83.8, 85.6, 85.9, 84, 86.4, 85.3, 85.8, 87.2, 84.8, 86.1, 87.2, 87.7, 87.9, 85.8, 92, , , ]; var SurvBreastData4 = [ 73.5, 74.8, 75.5, 76.5, 76.6, 78.3, 78.6, 81.4, 82, 82.2, 83.5, 84.8, 85.2, 85.6, 86, 86, 86.1, 86.2, 86.4, 86.6, 86.7, 86.9, 87.6, 87.7, 88.5, 88.8, 89.1, 92.8, , , ]; var SurvBreastDataEU51 = [ 77.8, 74.2, 81.2, 82.8, 83.7 ]; var SurvBreastDataEU52 = [ 82.9, 79.8, 83.9, 84.2, 86.8 ]; var SurvBreastDataEU53 = [ 84.6, 83.8, 85.6, 85.9, 87.2 ]; var SurvBreastDataEU54 = [ 85.2, 85.6, 86, 86, 86.7 ]; var SurvBreastColors = [ LT, RO, SK, PL, EE, BG, HR, CZ, IE, LV, SI, AT, ES, UK, DE, IT, DK, CH, BE, NL, FR, MT, PT, NO, FI, SE, IS, CY, EL, HU, LU ]; var SurvBreastColorsEU5 = [ ES, UK, DE, IT, FR ]; var SurvBreastColors2 = [ LTpale, ROpale, SKpale, PLpale, EEpale, BGpale, HRpale, CZpale, IEpale, LVpale, SIpale, ATpale, ESpale, UKpale, DEpale, ITpale, DKpale, CHpale, BEpale, NLpale, FRpale, MTpale, PTpale, NOpale, FIpale, SEpale, ISpale, CYpale, ELpale, HUpale, LUpale ]; var SurvBreastColors3 = [ colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvBreastColors4 = [ colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvBreastColorsEU52 = [ ESpale, UKpale, DEpale, ITpale, FRpale ]; var SurvBreastColorsEU53 = [ colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvBreastColorsEU54 = [ colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvBreastCountries = [ 'Lithuania', 'Romania', 'Slovakia', 'Poland', 'Estonia', 'Bulgaria', 'Croatia', 'Czech Republic', 'Ireland', 'Latvia', 'Slovenia', 'Austria', 'Spain', 'United Kingdom', 'Germany', 'Italy', 'Denmark', 'Switzerland', 'Belgium', 'Netherlands', 'France', 'Malta', 'Portugal', 'Norway', 'Finland', 'Sweden', 'Iceland', 'Cyprus', 'Greece', 'Hungary', 'Luxembourg' /*'Lithuania','Romania','Slovakia','Poland','Estonia','Bulgaria','Croatia','Czech Republic','Ireland','Latvia','Slovenia','Austria','Spain','United Kingdom','Germany','Italy','Denmark','Switzerland','Belgium','Netherlands','France','Malta','Portugal','Norway','Finland','Sweden','Iceland','Cyprus','Greece','Hungary','Luxembourg'*/ ]; var SurvBreastCountriesEU5 = [ 'Spain', 'United Kingdom', 'Germany', 'Italy', 'France' ]; // ************************* // ************************* </script> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvBreastDiv"> <canvas id="SurvBreast"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-center"> <div class="w3-container"> <button class="efpia-button-slim w3-efpia-green w3-small" id="SurvBreastEU5" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-5 &nbsp;&nbsp;&nbsp;</a> <button class="efpia-button-slim w3-orange w3-small" id="SurvBreastEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Survival v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Survival v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <script type="text/javascript"> var chartSurvBreastData = { labels: SurvBreastCountries, datasets: [ { label: SurvBreastTitle1, backgroundColor: SurvBreastColors, data: SurvBreastData1 } , { label: SurvBreastTitle2, backgroundColor: SurvBreastColors2, data: SurvBreastData2 } , { label: SurvBreastTitle3, backgroundColor: SurvBreastColors3, data: SurvBreastData3 } , { label: SurvBreastTitle4, backgroundColor: SurvBreastColors4, data: SurvBreastData4 } ] }; var chartSurvBreastDataEU5 = { labels: SurvBreastCountriesEU5, datasets: [ { label: SurvBreastTitle1, backgroundColor: SurvBreastColorsEU5, data: SurvBreastDataEU51 } , { label: SurvBreastTitle2, backgroundColor: SurvBreastColorsEU52, data: SurvBreastDataEU52 } , { label: SurvBreastTitle3, backgroundColor: SurvBreastColorsEU53, data: SurvBreastDataEU53 } , { label: SurvBreastTitle4, backgroundColor: SurvBreastColorsEU54, data: SurvBreastDataEU54 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSurvBreast = document.getElementById("SurvBreast"); var SurvBreast = new Chart(ctxSurvBreast, { title: 'test', type: 'bar', data: chartSurvBreastDataEU5, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvBreast").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvBreast").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SurvBreastTitle } } }); // Allow chart-type to be changed dynamically document.getElementById('SurvBreastEU5').onclick = function () { // Call the destroy/rebuild SurvBreast.destroy(); // and rebuild the chart SurvBreast = new Chart(ctxSurvBreast, { title: 'test', type: 'bar', data: chartSurvBreastDataEU5, options: { title: { display: true, text: SurvBreastTitle } } }); }; document.getElementById('SurvBreastEU28').onclick = function () { // Call the destroy/rebuild SurvBreast.destroy(); // and redraw the chart SurvBreast = new Chart(ctxSurvBreast, { title: 'test', type: 'bar', data: chartSurvBreastData, options: { scales: { xAxes: [{ ticks: { autoSkip: false } }] }, title: { display: true, text: SurvBreastTitle } } }); }; </script> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - --> <!-- ###################################################### --> <div id="contentLung" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>LUNG CANCER SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <div class="style3 w3-large" align="left"> <p> The 5-year age-standardized survival for lung cancer between 2010 and 2014 ranged from 7.7% in Bulgaria and 20.4% in Switzerland. </p> </div> </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is SurvLung // ************************* var SurvLungTitle = 'Lung cancer 5 year age standardised survival rate in adults (15-99 years) 1995-2014'; var SurvLungTitle1 = '1995-1999'; var SurvLungTitle2 = '2000-2004'; var SurvLungTitle3 = '2005-2009'; var SurvLungTitle4 = '2010-2014'; var SurvLungData1 = [ 5.9, 10, 16.5, 8.5, , , 11, 7.3, 10.2, 11.4, 8.5, 10.9, 10.4, 12.9, 8, 8.2, 12.8, 12.4, 9.5, , 11.6, , 10.7, 12.2, 14.1, 14.3, 12.1, 13, , , ]; var SurvLungData2 = [ 5.8, 8.8, 11.2, 8.6, , 9.5, 11.9, 8.3, 10.8, 12.1, 9.9, 9.2, 10.6, 14, 9.5, 10.8, 14.1, 12.4, 10.1, 15.4, 14.9, 18.3, 12.3, 13.9, 15.4, 14.1, 17.3, 14.7, , , ]; var SurvLungData3 = [ 7, 8.8, 10.6, 9.8, 7.9, 10.5, 12.1, 10.1, 12.5, 14.1, 12.7, 11.4, 14.1, 15.5, 12.3, 14.3, 16.2, 15.7, 13.5, 17, 16.9, 18.2, 15.9, 16.6, 18, 16, 19.5, 17.3, , , ]; var SurvLungData4 = [ 7.7, 9.9, 10, 10.6, 11.1, 11.2, 13, 13.3, 13.5, 14.4, 14.8, 14.9, 15.7, 15.9, 16.6, 16.9, 17.3, 17.3, 17.5, 18.2, 18.3, 18.7, 19, 19.5, 19.7, 20.2, 20.4, 20.4, , , ]; var SurvLungDataEU51 = [ 7.3, 10.2, 12.9, 12.8, 11.6 ]; var SurvLungDataEU52 = [ 8.3, 10.8, 14, 14.1, 14.9 ]; var SurvLungDataEU53 = [ 10.1, 12.5, 15.5, 16.2, 16.9 ]; var SurvLungDataEU54 = [ 13.3, 13.5, 15.9, 17.3, 18.3 ]; var SurvLungColors = [ BG, LT, HR, CZ, RO, SK, FI, UK, ES, PL, SI, MT, PT, IT, DK, EE, FR, NL, IE, BE, DE, CY, NO, SE, AT, IS, LV, CH, EL, HU, LU ]; var SurvLungColorsEU5 = [ UK, ES, IT, FR, DE ]; var SurvLungColors2 = [ LTpale, ROpale, SKpale, PLpale, EEpale, BGpale, HRpale, CZpale, IEpale, LVpale, SIpale, ATpale, ESpale, UKpale, DEpale, ITpale, DKpale, CHpale, BEpale, NLpale, FRpale, MTpale, PTpale, NOpale, FIpale, SEpale, ISpale, CYpale, ELpale, HUpale, LUpale ]; var SurvLungColors3 = [ colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvLungColors4 = [ colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvLungColorsEU52 = [ ESpale, UKpale, DEpale, ITpale, FRpale ]; var SurvLungColorsEU53 = [ colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvLungColorsEU54 = [ colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvLungCountries = [ 'Bulgaria', 'Lithuania', 'Croatia', 'Czech Republic', 'Romania', 'Slovakia', 'Finland', 'United Kingdom', 'Spain', 'Poland', 'Slovenia', 'Malta', 'Portugal', 'Italy', 'Denmark', 'Estonia', 'France', 'Netherlands', 'Ireland', 'Belgium', 'Germany', 'Cyprus', 'Norway', 'Sweden', 'Austria', 'Iceland', 'Latvia', 'Switzerland', 'Greece', 'Hungary', 'Luxembourg' /*'Bulgaria','Lithuania','Croatia','Czech Republic','Romania','Slovakia','Finland','United Kingdom','Spain','Poland','Slovenia','Malta','Portugal','Italy','Denmark','Estonia','France','Netherlands','Ireland','Belgium','Germany','Cyprus','Norway','Sweden','Austria','Iceland','Latvia','Switzerland','Greece','Hungary','Luxembourg'*/ ]; var SurvLungCountriesEU5 = [ 'United Kingdom', 'Spain', 'Italy', 'France', 'Germany' ]; // ************************* // ************************* </script> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvLungDiv"> <canvas id="SurvLung"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-center"> <div class="w3-container"> <button class="efpia-button-slim w3-efpia-green w3-small" id="SurvLungEU5" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-5 &nbsp;&nbsp;&nbsp;</a> <button class="efpia-button-slim w3-orange w3-small" id="SurvLungEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Survival v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Survival v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <script type="text/javascript"> var chartSurvLungData = { labels: SurvLungCountries, datasets: [ { label: SurvLungTitle1, backgroundColor: SurvLungColors, data: SurvLungData1 } , { label: SurvLungTitle2, backgroundColor: SurvLungColors2, data: SurvLungData2 } , { label: SurvLungTitle3, backgroundColor: SurvLungColors3, data: SurvLungData3 } , { label: SurvLungTitle4, backgroundColor: SurvLungColors4, data: SurvLungData4 } ] }; var chartSurvLungDataEU5 = { labels: SurvLungCountriesEU5, datasets: [ { label: SurvLungTitle1, backgroundColor: SurvLungColorsEU5, data: SurvLungDataEU51 } , { label: SurvLungTitle2, backgroundColor: SurvLungColorsEU52, data: SurvLungDataEU52 } , { label: SurvLungTitle3, backgroundColor: SurvLungColorsEU53, data: SurvLungDataEU53 } , { label: SurvLungTitle4, backgroundColor: SurvLungColorsEU54, data: SurvLungDataEU54 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSurvLung = document.getElementById("SurvLung"); var SurvLung = new Chart(ctxSurvLung, { title: 'test', type: 'bar', data: chartSurvLungDataEU5, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvLung").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvLung").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SurvLungTitle } } }); // Allow chart-type to be changed dynamically document.getElementById('SurvLungEU5').onclick = function () { // Call the destroy/rebuild SurvLung.destroy(); // and rebuild the chart SurvLung = new Chart(ctxSurvLung, { title: 'test', type: 'bar', data: chartSurvLungDataEU5, options: { title: { display: true, text: SurvLungTitle } } }); }; document.getElementById('SurvLungEU28').onclick = function () { // Call the destroy/rebuild SurvLung.destroy(); // and redraw the chart SurvLung = new Chart(ctxSurvLung, { title: 'test', type: 'bar', data: chartSurvLungData, options: { scales: { xAxes: [{ ticks: { autoSkip: false } }] }, title: { display: true, text: SurvLungTitle } } }); }; </script> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentColon" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>COLON CANCER SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <div class="style3 w3-large" align="left"> <p> In 2010-2014, colorectal cancer 5-year survival rates ranged from 51% in Croatia to 68% in Belgium and Iceland. There is quite a clear pattern of higher survival rates in countries with higher GDP and lower rates in countries with lower GDP. Noteworthy exceptions to this pattern include the UK, Ireland and Denmark, which recorded lower rates than Slovenia. </p> <p> Between 1995 and 2014, all countries recorded improvements. The biggest improvements were in Slovenia and Latvia (from a relatively low level) and in Germany (from a relatively high level). </p> </div> </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is SurvColon // ************************* var SurvColonTitle = 'Colon cancer 5 year age standardised survival rate in adults (15-99 years) 1995-2014'; var SurvColonTitle1 = '1995-1999'; var SurvColonTitle2 = '2000-2004'; var SurvColonTitle3 = '2005-2009'; var SurvColonTitle4 = '2010-2014'; var SurvColonData1 = [ 50.1, , , 39.5, 40, 45.3, 40.9, 48, 49.3, 49.7, 48.1, 50.8, 48.8, 48.2, 45.1, 55.4, 52, 57.1, 57.2, 57.5, 48.7, 58.7, 55.4, 55.9, 54.5, , 54.1, , , , ]; var SurvColonData2 = [ 47.3, 50.4, , 43.9, 45.3, 48, 50.5, 44.5, 57, 48.9, 52, 53.3, 56.5, 51.5, 53.6, 58.1, 56.5, 60.7, 60.7, 59, 62, 61.3, 60.2, 60, 62.8, 64.3, 61.4, 70.7, , , ]; var SurvColonData3 = [ 49.5, 51.2, 53.5, 48.5, 51.1, 52, 54, 51.1, 52.9, 53.8, 56.5, 58.4, 61.1, 56.5, 56.2, 60.9, 61.1, 63.5, 63.6, 64.3, 64.9, 63.2, 64.2, 64.3, 65.1, 65, 64, 67.6, , , ]; var SurvColonData4 = [ 51.1, 51.8, 52.2, 52.4, 52.9, 56.1, 56.5, 56.9, 57.5, 58.4, 60, 60.5, 60.9, 61.1, 61.9, 63.1, 63.2, 63.7, 63.7, 64.2, 64.8, 64.9, 64.9, 66.7, 67.3, 67.9, 68.2, 72.1, , , ]; var SurvColonDataEU51 = [ 48.1, 52, 57.2, 57.5, 48.7 ]; var SurvColonDataEU52 = [ 52, 56.5, 60.7, 59, 62 ]; var SurvColonDataEU53 = [ 56.5, 61.1, 63.6, 64.3, 64.9 ]; var SurvColonDataEU54 = [ 60, 63.2, 63.7, 64.2, 64.8 ]; var SurvColonColors = [ HR, SK, RO, BG, PL, CZ, LV, LT, MT, EE, UK, IE, PT, DK, SI, NL, ES, AT, FR, IT, DE, FI, SE, NO, CH, BE, IS, CY, EL, HU, LU ]; var SurvColonColorsEU5 = [ UK, ES, FR, IT, DE ]; var SurvColonCountries = [ 'Croatia', 'Slovakia', 'Romania', 'Bulgaria', 'Poland', 'Czech Republic', 'Latvia', 'Lithuania', 'Malta', 'Estonia', 'United Kingdom', 'Ireland', 'Portugal', 'Denmark', 'Slovenia', 'Netherlands', 'Spain', 'Austria', 'France', 'Italy', 'Germany', 'Finland', 'Sweden', 'Norway', 'Switzerland', 'Belgium', 'Iceland', 'Cyprus', 'Greece', 'Hungary', 'Luxembourg' ]; var SurvColonCountriesEU5 = [ 'United Kingdom', 'Spain', 'France', 'Italy', 'Germany' ]; var SurvColonColors2 = [ LTpale, ROpale, SKpale, PLpale, EEpale, BGpale, HRpale, CZpale, IEpale, LVpale, SIpale, ATpale, ESpale, UKpale, DEpale, ITpale, DKpale, CHpale, BEpale, NLpale, FRpale, MTpale, PTpale, NOpale, FIpale, SEpale, ISpale, CYpale, ELpale, HUpale, LUpale ]; var SurvColonColors3 = [ colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvColonColors4 = [ colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvColonColorsEU52 = [ ESpale, UKpale, DEpale, ITpale, FRpale ]; var SurvColonColorsEU53 = [ colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvColonColorsEU54 = [ colorAll, colorAll, colorAll, colorAll, colorAll ]; // ************************* // ************************* </script> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvColonDiv"> <canvas id="SurvColon"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-center"> <div class="w3-container"> <button class="efpia-button-slim w3-efpia-green w3-small" id="SurvColonEU5" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-5 &nbsp;&nbsp;&nbsp;</a> <button class="efpia-button-slim w3-orange w3-small" id="SurvColonEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Survival v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Survival v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <script type="text/javascript"> var chartSurvColonData = { labels: SurvColonCountries, datasets: [ { label: SurvColonTitle1, backgroundColor: SurvColonColors, data: SurvColonData1 } , { label: SurvColonTitle2, backgroundColor: SurvColonColors2, data: SurvColonData2 } , { label: SurvColonTitle3, backgroundColor: SurvColonColors3, data: SurvColonData3 } , { label: SurvColonTitle4, backgroundColor: SurvColonColors4, data: SurvColonData4 } ] }; var chartSurvColonDataEU5 = { labels: SurvColonCountriesEU5, datasets: [ { label: SurvColonTitle1, backgroundColor: SurvColonColorsEU5, data: SurvColonDataEU51 } , { label: SurvColonTitle2, backgroundColor: SurvColonColorsEU52, data: SurvColonDataEU52 } , { label: SurvColonTitle3, backgroundColor: SurvColonColorsEU53, data: SurvColonDataEU53 } , { label: SurvColonTitle4, backgroundColor: SurvColonColorsEU54, data: SurvColonDataEU54 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSurvColon = document.getElementById("SurvColon"); var SurvColon = new Chart(ctxSurvColon, { title: 'test', type: 'bar', data: chartSurvColonDataEU5, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvColon").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvColon").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SurvColonTitle } } , scales: { xAxes: [{ ticks: { autoSkip: false } }] } }); // Allow chart-type to be changed dynamically document.getElementById('SurvColonEU5').onclick = function () { // Call the destroy/rebuild SurvColon.destroy(); // and rebuild the chart SurvColon = new Chart(ctxSurvColon, { title: 'test', type: 'bar', data: chartSurvColonDataEU5, options: { title: { display: true, text: SurvColonTitle } } }); }; document.getElementById('SurvColonEU28').onclick = function () { // Call the destroy/rebuild SurvColon.destroy(); // and redraw the chart SurvColon = new Chart(ctxSurvColon, { title: 'test', type: 'bar', data: chartSurvColonData, options: { scales: { xAxes: [{ ticks: { autoSkip: false } }] }, title: { display: true, text: SurvColonTitle } } }); }; </script> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentProstate" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>PROSTATE CANCER SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <div class="style3 w3-large" align="left"> <p> In 2010-2014, prostate cancer 5-year survival rates ranged from 68.3% in Bulgaria and 94.3% in Lithuania. </p> </div> </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is SurvProstate // ************************* var SurvProstateTitle = 'Prostate cancer 5 year age standardised survival rate in adults (15-99 years) 1995-2014'; var SurvProstateTitle1 = '1995-1999'; var SurvProstateTitle2 = '2000-2004'; var SurvProstateTitle3 = '2005-2009'; var SurvProstateTitle4 = '2010-2014'; var SurvProstateData1 = [ 45.2, , , 54.3, 61.4, 61.1, 64.6, 46.4, 55.9, 68.6, 77.4, 68.2, 75.4, 76, 79.1, 73.7, 84.7, 51.9, 74.8, 81.3, 69.8, 77.1, 73.8, 79.4, 79.3, , 51.8, , , , ]; var SurvProstateData2 = [ 49.4, 63.6, , 68.8, 65.7, 74.4, 71, 63.6, 67.9, 81.9, 83.4, 81.9, 85.9, 86.9, 87.2, 85, 90.1, 69.9, 80.1, 87.2, 83.7, 90.4, 83.8, 90.1, 90, 92.1, 75.8, 91, , , ]; var SurvProstateData3 = [ 54.8, 74.4, 78.2, 75, 78.3, 83.2, 81.5, 82.5, 83.2, 86.4, 87.5, 86.7, 88.6, 88.6, 89.6, 90.4, 90.8, 88.8, 89.7, 90, 89.7, 91.8, 90.3, 93.6, 93.4, 93.2, 93.8, 98.3, , , ]; var SurvProstateData4 = [ 68.3, 74.7, 77.1, 78.1, 80.9, 85, 85.3, 85.6, 86.3, 88.2, 88.5, 88.7, 89.2, 89.2, 89.5, 89.7, 90.2, 90.4, 90.8, 90.9, 91.1, 91.6, 92.9, 93.1, 93.2, 93.8, 94.3, 99.2, , , ]; var SurvProstateDataEU51 = [ 68.2, 79.1, 73.7, 77.1, 79.4 ]; var SurvProstateDataEU52 = [ 81.9, 87.2, 85, 90.4, 90.1 ]; var SurvProstateDataEU53 = [ 86.7, 89.6, 90.4, 91.8, 93.6 ]; var SurvProstateDataEU54 = [ 88.7, 89.5, 89.7, 91.6, 93.1 ]; var SurvProstateColors = [ BG, SK, RO, PL, HR, SI, CZ, DK, EE, MT, NL, UK, SE, CH, IT, ES, AT, LV, IS, PT, IE, DE, NO, FR, FI, BE, LT, CY, EL, HU, LU ]; var SurvProstateColorsEU5 = [ UK, IT, ES, DE, FR ]; var SurvProstateColors2 = [ LTpale, ROpale, SKpale, PLpale, EEpale, BGpale, HRpale, CZpale, IEpale, LVpale, SIpale, ATpale, ESpale, UKpale, DEpale, ITpale, DKpale, CHpale, BEpale, NLpale, FRpale, MTpale, PTpale, NOpale, FIpale, SEpale, ISpale, CYpale, ELpale, HUpale, LUpale ]; var SurvProstateColors3 = [ colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvProstateColors4 = [ colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvProstateColorsEU52 = [ ESpale, UKpale, DEpale, ITpale, FRpale ]; var SurvProstateColorsEU53 = [ colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvProstateColorsEU54 = [ colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvProstateCountries = [ 'Bulgaria', 'Slovakia', 'Romania', 'Poland', 'Croatia', 'Slovenia', 'Czech Republic', 'Denmark', 'Estonia', 'Malta', 'Netherlands', 'United Kingdom', 'Sweden', 'Switzerland', 'Italy', 'Spain', 'Austria', 'Latvia', 'Iceland', 'Portugal', 'Ireland', 'Germany', 'Norway', 'France', 'Finland', 'Belgium', 'Lithuania', 'Cyprus', 'Greece', 'Hungary', 'Luxembourg' ]; var SurvProstateCountriesEU5 = [ 'United Kingdom', 'Italy', 'Spain', 'Germany', 'France' ]; // ************************* // ************************* </script> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvProstateDiv"> <canvas id="SurvProstate"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-center"> <div class="w3-container"> <button class="efpia-button-slim w3-efpia-green w3-small" id="SurvProstateEU5" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-5 &nbsp;&nbsp;&nbsp;</a> <button class="efpia-button-slim w3-orange w3-small" id="SurvProstateEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Survival v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Survival v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <script type="text/javascript"> var chartSurvProstateData = { labels: SurvProstateCountries, datasets: [ { label: SurvProstateTitle1, backgroundColor: SurvProstateColors, data: SurvProstateData1 } , { label: SurvProstateTitle2, backgroundColor: SurvProstateColors2, data: SurvProstateData2 } , { label: SurvProstateTitle3, backgroundColor: SurvProstateColors3, data: SurvProstateData3 } , { label: SurvProstateTitle4, backgroundColor: SurvProstateColors4, data: SurvProstateData4 } ] }; var chartSurvProstateDataEU5 = { labels: SurvProstateCountriesEU5, datasets: [ { label: SurvProstateTitle1, backgroundColor: SurvProstateColorsEU5, data: SurvProstateDataEU51 } , { label: SurvProstateTitle2, backgroundColor: SurvProstateColorsEU52, data: SurvProstateDataEU52 } , { label: SurvProstateTitle3, backgroundColor: SurvProstateColorsEU53, data: SurvProstateDataEU53 } , { label: SurvProstateTitle4, backgroundColor: SurvProstateColorsEU54, data: SurvProstateDataEU54 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSurvProstate = document.getElementById("SurvProstate"); var SurvProstate = new Chart(ctxSurvProstate, { title: 'test', type: 'bar', data: chartSurvProstateDataEU5, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvProstate").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvProstate").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SurvProstateTitle } } }); // Allow chart-type to be changed dynamically document.getElementById('SurvProstateEU5').onclick = function () { // Call the destroy/rebuild SurvProstate.destroy(); // and rebuild the chart SurvProstate = new Chart(ctxSurvProstate, { title: 'test', type: 'bar', data: chartSurvProstateDataEU5, options: { title: { display: true, text: SurvProstateTitle } } }); }; document.getElementById('SurvProstateEU28').onclick = function () { // Call the destroy/rebuild SurvProstate.destroy(); // and redraw the chart SurvProstate = new Chart(ctxSurvProstate, { title: 'test', type: 'bar', data: chartSurvProstateData, options: { title: { display: true, text: SurvProstateTitle } } }); }; </script> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentMelanoma" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>MELANOMA SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <div class="style3 w3-large" align="left"> <p> In 2010-2014, melanoma 5-year survival ranged from 61.2% in Romania to 93.6% in Switzerland. </p> </div> </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is SurvMelanoma // ************************* var SurvMelanomaTitle = 'Malignant melanoma 5 year age standardised survival rate in adults (15-99 years) 1995-2014'; var SurvMelanomaTitle1 = '1995-1999'; var SurvMelanomaTitle2 = '2000-2004'; var SurvMelanomaTitle3 = '2005-2009'; var SurvMelanomaTitle4 = '2010-2014'; var SurvMelanomaData1 = [ , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ]; var SurvMelanomaData2 = [ 50.8, 63.2, , 66.3, 67.2, 66.4, 75, 89, 71.4, 87.3, 78.8, 79.3, 80.7, 84.1, 85.3, 84.5, 83.4, 84.8, 85.5, 86.4, 89.7, 86.4, 86.3, 88.4, 87.3, 88.9, 91, 90.7, , , ]; var SurvMelanomaData3 = [ 56, 67.1, 68.4, 65.1, 70.6, 74.7, 79.7, 82.1, 75.2, 81.6, 81.7, 85, 84.6, 86, 87.1, 85.4, 84.6, 87.4, 86.6, 87.3, 90.9, 89.2, 88.9, 89.8, 89.1, 90.3, 92, 92.4, , , ]; var SurvMelanomaData4 = [ 61.2, 69.8, 71.3, 72.1, 75.3, 77.2, 78.2, 79, 81.8, 81.9, 83.7, 85.1, 85.7, 85.7, 86.8, 87.5, 87.8, 88.7, 89.2, 89.3, 90.8, 90.9, 91, 91, 91.1, 91.5, 93.1, 93.6, , , ]; var SurvMelanomaDataEU51 = [ ]; var SurvMelanomaDataEU52 = [ 84.1, 85.3, 89.7, 86.4, 91 ]; var SurvMelanomaDataEU53 = [ 86, 87.1, 90.9, 89.2, 92 ]; var SurvMelanomaDataEU54 = [ 85.7, 86.8, 90.8, 90.9, 93.1 ]; var SurvMelanomaColors = [ BG, PL, RO, LV, LT, HR, SK, CY, EE, MT, PT, SI, CZ, IT, ES, IS, AT, FI, IE, NO, FR, UK, BE, NL, DK, SE, DE, CH, EL, HU, LU ]; var SurvMelanomaColorsEU5 = [ IT, ES, FR, UK, DE ]; var SurvMelanomaColors2 = [ LTpale, ROpale, SKpale, PLpale, EEpale, BGpale, HRpale, CZpale, IEpale, LVpale, SIpale, ATpale, ESpale, UKpale, DEpale, ITpale, DKpale, CHpale, BEpale, NLpale, FRpale, MTpale, PTpale, NOpale, FIpale, SEpale, ISpale, CYpale, ELpale, HUpale, LUpale ]; var SurvMelanomaColors3 = [ colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvMelanomaColors4 = [ colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvMelanomaColorsEU52 = [ ESpale, UKpale, DEpale, ITpale, FRpale ]; var SurvMelanomaColorsEU53 = [ colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvMelanomaColorsEU54 = [ colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvMelanomaCountries = [ 'Bulgaria', 'Poland', 'Romania', 'Latvia', 'Lithuania', 'Croatia', 'Slovakia', 'Cyprus', 'Estonia', 'Malta', 'Portugal', 'Slovenia', 'Czech Republic', 'Italy', 'Spain', 'Iceland', 'Austria', 'Finland', 'Ireland', 'Norway', 'France', 'United Kingdom', 'Belgium', 'Netherlands', 'Denmark', 'Sweden', 'Germany', 'Switzerland', 'Greece', 'Hungary', 'Luxembourg' ]; var SurvMelanomaCountriesEU5 = [ 'Italy', 'Spain', 'France', 'United Kingdom', 'Germany' ]; // ************************* // ************************* </script> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvMelanomaDiv"> <canvas id="SurvMelanoma"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-center"> <div class="w3-container"> <button class="efpia-button-slim w3-efpia-green w3-small" id="SurvMelanomaEU5" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-5 &nbsp;&nbsp;&nbsp;</a> <button class="efpia-button-slim w3-orange w3-small" id="SurvMelanomaEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Survival v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Survival v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <script type="text/javascript"> var chartSurvMelanomaData = { labels: SurvMelanomaCountries, datasets: [ { label: SurvMelanomaTitle1, backgroundColor: SurvMelanomaColors, data: SurvMelanomaData1 } , { label: SurvMelanomaTitle2, backgroundColor: SurvMelanomaColors2, data: SurvMelanomaData2 } , { label: SurvMelanomaTitle3, backgroundColor: SurvMelanomaColors3, data: SurvMelanomaData3 } , { label: SurvMelanomaTitle4, backgroundColor: SurvMelanomaColors4, data: SurvMelanomaData4 } ] }; var chartSurvMelanomaDataEU5 = { labels: SurvMelanomaCountriesEU5, datasets: [ { label: SurvMelanomaTitle1, backgroundColor: SurvMelanomaColorsEU5, data: SurvMelanomaDataEU51 } , { label: SurvMelanomaTitle2, backgroundColor: SurvMelanomaColorsEU52, data: SurvMelanomaDataEU52 } , { label: SurvMelanomaTitle3, backgroundColor: SurvMelanomaColorsEU53, data: SurvMelanomaDataEU53 } , { label: SurvMelanomaTitle4, backgroundColor: SurvMelanomaColorsEU54, data: SurvMelanomaDataEU54 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSurvMelanoma = document.getElementById("SurvMelanoma"); var SurvMelanoma = new Chart(ctxSurvMelanoma, { title: 'test', type: 'bar', data: chartSurvMelanomaDataEU5, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvMelanoma").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvMelanoma").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SurvMelanomaTitle } } }); // Allow chart-type to be changed dynamically document.getElementById('SurvMelanomaEU5').onclick = function () { // Call the destroy/rebuild SurvMelanoma.destroy(); // and rebuild the chart SurvMelanoma = new Chart(ctxSurvMelanoma, { title: 'test', type: 'bar', data: chartSurvMelanomaDataEU5, options: { title: { display: true, text: SurvMelanomaTitle } } }); }; document.getElementById('SurvMelanomaEU28').onclick = function () { // Call the destroy/rebuild SurvMelanoma.destroy(); // and redraw the chart SurvMelanoma = new Chart(ctxSurvMelanoma, { title: 'test', type: 'bar', data: chartSurvMelanomaData, options: { scales: { xAxes: [{ ticks: { autoSkip: false } }] }, title: { display: true, text: SurvMelanomaTitle } } }); }; </script> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentLeukaemia" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>LYMPHOID SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <div class="style3 w3-large" align="left"> <p> The 5-year age-standardized survival for lymphoid cancers between 2010 and 2014 ranged from 40.4% in Romania and 72% in Switzerland. </p> </div> </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is SurvLymphoid // ************************* var SurvLymphoidTitle = 'Lymphoid 5 year age standardised survival rate in adults (15-99 years) 1995-2014'; var SurvLymphoidTitle1 = '1995-1999'; var SurvLymphoidTitle2 = '2000-2004'; var SurvLymphoidTitle3 = '2005-2009'; var SurvLymphoidTitle4 = '2010-2014'; var SurvLymphoidData1 = [ ]; var SurvLymphoidData2 = [ , 38.1, 46.6, 40.3, 42.7, 48.8, 43.5, 49.9, 52.7, 51.3, 43.4, 58.2, 58.5, 57.6, 56.8, 54.3, 61.4, 54.7, 58.5, 55.4, 61.2, 57.5, 64.4, 65.5, 57.7, 66.6, 59.8, 61.6, , , ]; var SurvLymphoidData3 = [ 47.3, 39.9, 49.6, 47.8, 51, 53.5, 50.8, 53.2, 56.7, 58.2, 52.4, 62.2, 61.9, 62.2, 62.5, 60.7, 69.4, 63.7, 64.2, 64.2, 65.7, 64.9, 69.9, 68, 66.9, 67.9, 64.7, 70.9, , , ]; var SurvLymphoidData4 = [ 40.4, 43.5, 51.6, 52.1, 52.7, 53.8, 56.7, 57.2, 59, 59.7, 61.9, 62, 62.6, 63.3, 64.4, 64.7, 65.7, 66.4, 66.7, 66.9, 67.9, 68.4, 69.6, 70.6, 70.9, 71.5, 71.6, 72, , , ]; var SurvLymphoidDataEU51 = [ ]; var SurvLymphoidDataEU52 = [ 58.2, 58.5, 54.3, 61.2, 64.4 ]; var SurvLymphoidDataEU53 = [ 62.2, 61.9, 60.7, 65.7, 69.9 ]; var SurvLymphoidDataEU54 = [ 62, 62.6, 64.7, 67.9, 69.6 ]; var SurvLymphoidColors = [ RO, BG, SK, PL, HR, EE, LT, CZ, SI, PT, MT, ES, IT, AT, FI, UK, CY, NL, SE, IE, DE, NO, FR, BE, DK, IS, LV, CH, EL, HU, LU ]; var SurvLymphoidColorsEU5 = [ ES, IT, UK, DE, FR ]; var SurvLymphoidColors2 = [ LTpale, ROpale, SKpale, PLpale, EEpale, BGpale, HRpale, CZpale, IEpale, LVpale, SIpale, ATpale, ESpale, UKpale, DEpale, ITpale, DKpale, CHpale, BEpale, NLpale, FRpale, MTpale, PTpale, NOpale, FIpale, SEpale, ISpale, CYpale, ELpale, HUpale, LUpale ]; var SurvLymphoidColors3 = [ colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvLymphoidColors4 = [ colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvLymphoidColorsEU52 = [ ESpale, UKpale, DEpale, ITpale, FRpale ]; var SurvLymphoidColorsEU53 = [ colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvLymphoidColorsEU54 = [ colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvLymphoidCountries = [ 'Romania', 'Bulgaria', 'Slovakia', 'Poland', 'Croatia', 'Estonia', 'Lithuania', 'Czech Republic', 'Slovenia', 'Portugal', 'Malta', 'Spain', 'Italy', 'Austria', 'Finland', 'United Kingdom', 'Cyprus', 'Netherlands', 'Sweden', 'Ireland', 'Germany', 'Norway', 'France', 'Belgium', 'Denmark', 'Iceland', 'Latvia', 'Switzerland', 'Greece', 'Hungary', 'Luxembourg' ]; var SurvLymphoidCountriesEU5 = [ 'Spain', 'Italy', 'United Kingdom', 'Germany', 'France' ]; // ************************* // ************************* </script> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvLymphoidDiv"> <canvas id="SurvLymphoid"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-center"> <div class="w3-container"> <button class="efpia-button-slim w3-efpia-green w3-small" id="SurvLymphoidEU5" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-5 &nbsp;&nbsp;&nbsp;</a> <button class="efpia-button-slim w3-orange w3-small" id="SurvLymphoidEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Survival v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Survival v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <script type="text/javascript"> var chartSurvLymphoidData = { labels: SurvLymphoidCountries, datasets: [ { label: SurvLymphoidTitle1, backgroundColor: SurvLymphoidColors, data: SurvLymphoidData1 } , { label: SurvLymphoidTitle2, backgroundColor: SurvLymphoidColors2, data: SurvLymphoidData2 } , { label: SurvLymphoidTitle3, backgroundColor: SurvLymphoidColors3, data: SurvLymphoidData3 } , { label: SurvLymphoidTitle4, backgroundColor: SurvLymphoidColors4, data: SurvLymphoidData4 } ] }; var chartSurvLymphoidDataEU5 = { labels: SurvLymphoidCountriesEU5, datasets: [ { label: SurvLymphoidTitle1, backgroundColor: SurvLymphoidColorsEU5, data: SurvLymphoidDataEU51 } , { label: SurvLymphoidTitle2, backgroundColor: SurvLymphoidColorsEU52, data: SurvLymphoidDataEU52 } , { label: SurvLymphoidTitle3, backgroundColor: SurvLymphoidColorsEU53, data: SurvLymphoidDataEU53 } , { label: SurvLymphoidTitle4, backgroundColor: SurvLymphoidColorsEU54, data: SurvLymphoidDataEU54 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSurvLymphoid = document.getElementById("SurvLymphoid"); var SurvLymphoid = new Chart(ctxSurvLymphoid, { title: 'test', type: 'bar', data: chartSurvLymphoidDataEU5, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvLymphoid").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvLymphoid").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SurvLymphoidTitle } } }); // Allow chart-type to be changed dynamically document.getElementById('SurvLymphoidEU5').onclick = function () { // Call the destroy/rebuild SurvLymphoid.destroy(); // and rebuild the chart SurvLymphoid = new Chart(ctxSurvLymphoid, { title: 'test', type: 'bar', data: chartSurvLymphoidDataEU5, options: { title: { display: true, text: SurvLymphoidTitle } } }); }; document.getElementById('SurvLymphoidEU28').onclick = function () { // Call the destroy/rebuild SurvLymphoid.destroy(); // and redraw the chart SurvLymphoid = new Chart(ctxSurvLymphoid, { title: 'test', type: 'bar', data: chartSurvLymphoidData, options: { scales: { xAxes: [{ ticks: { autoSkip: false } }] }, title: { display: true, text: SurvLymphoidTitle } } }); }; </script> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentOvary" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>OVARIAN CANCER SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <div class="style3 w3-large" align="left"> <p> The 5-year age-standardized survival for ovarian cancer between 2010 and 2014 ranged from 28% in Malta and 46.5% in Sweden. </p> </div> </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is SurvOvary // ************************* var SurvOvaryTitle = 'Ovary cancer 5 year age standardised survival rate in adults (15-99 years) 1995-2014'; var SurvOvaryTitle1 = '1995-1999'; var SurvOvaryTitle2 = '2000-2004'; var SurvOvaryTitle3 = '2005-2009'; var SurvOvaryTitle4 = '2010-2014'; var SurvOvaryData1 = [ 34.2, 28.1, , 33.2, 37.5, 32.8, 32.6, 33.4, , 27.7, 38.7, 30.6, 36.1, 31.3, 35.3, 30.4, 42.2, 39.1, 37.7, 28.2, , 33.5, 33.9, 35, 30.6, 36.7, , 40.8, , , ]; var SurvOvaryData2 = [ 39.6, 29.4, 35, 30.2, 36.9, 30.2, 34.3, 37.8, , 32.9, 36.3, 32.7, 37.7, 33.1, 36, 39.6, 40.9, 41.2, 40.8, 31.2, 42.7, 41.6, 39.9, 36.9, 40.3, 41.4, 42.6, 43.2, , , ]; var SurvOvaryData3 = [ 27.5, 31.2, 34.5, 31.6, 33.4, 33.2, 35.3, 35.4, 28.9, 33.9, 37.2, 35.4, 39.3, 37.4, 37.9, 40.9, 41.2, 44.2, 40.6, 37.2, 42.8, 42.1, 41.8, 42, 39.8, 42.8, 46.2, 42.9, , , ]; var SurvOvaryData4 = [ 28, 32.8, 33.4, 35, 36, 36.2, 36.5, 37, 37.2, 37.3, 37.5, 37.5, 39.4, 39.7, 39.8, 40.3, 41, 41.1, 41.2, 42.3, 43.1, 43.5, 43.6, 44.1, 45.5, 45.5, 46.4, 46.5, , , ]; var SurvOvaryDataEU51 = [ 32.8, 36.1, 35.3, 37.7, 33.5 ]; var SurvOvaryDataEU52 = [ 30.2, 37.7, 36, 40.8, 41.6 ]; var SurvOvaryDataEU53 = [ 33.2, 39.3, 37.9, 40.6, 42.1 ]; var SurvOvaryDataEU54 = [ 36.2, 39.4, 39.8, 41.2, 43.5 ]; var SurvOvaryColors = [ MT, IE, SK, LT, HR, UK, CZ, SI, RO, BG, NL, PL, IT, DK, ES, IS, AT, FI, DE, EE, BE, FR, PT, CH, LV, NO, CY, SE, EL, HU, LU ]; var SurvOvaryColorsEU5 = [ UK, IT, ES, DE, FR ]; var SurvOvaryColors2 = [ colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale, colorFemale ]; var SurvOvaryColors3 = [ colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvOvaryColors4 = [ colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvOvaryColorsEU52 = [ ESpale, UKpale, DEpale, ITpale, FRpale ]; var SurvOvaryColorsEU53 = [ colorMale, colorMale, colorMale, colorMale, colorMale ]; var SurvOvaryColorsEU54 = [ colorAll, colorAll, colorAll, colorAll, colorAll ]; var SurvOvaryCountries = [ 'Malta', 'Ireland', 'Slovakia', 'Lithuania', 'Croatia', 'United Kingdom', 'Czech Republic', 'Slovenia', 'Romania', 'Bulgaria', 'Netherlands', 'Poland', 'Italy', 'Denmark', 'Spain', 'Iceland', 'Austria', 'Finland', 'Germany', 'Estonia', 'Belgium', 'France', 'Portugal', 'Switzerland', 'Latvia', 'Norway', 'Cyprus', 'Sweden', 'Greece', 'Hungary', 'Luxembourg' ]; var SurvOvaryCountriesEU5 = [ 'United Kingdom', 'Italy', 'Spain', 'Germany', 'France' ]; // ************************* // ************************* </script> <!-- Colour sequence for the charts. Needs colorbypoint to be false --> <script> var CY = '#145698' var IS = '#145698' var AT = '#145698' var LU = '#145698' var CH = '#145698' var RO = '#145698' var IE = '#145698' var FI = '#145698' var LT = '#145698' var PL = '#145698' var SE = '#145698' var BG = '#145698' var EL = '#145698' var MT = '#145698' var DE = '#145698' var UK = '#145698' var GB = '#145698' var EE = '#145698' var FR = '#145698' var CZ = '#145698' var EU28EFTA = '#007592' var EU28 = '#007592' var ES = '#145698' var LV = '#145698' var HR = '#145698' var BE = '#145698' var IT = '#145698' var SK = '#145698' var NL = '#145698' var NO = '#145698' var SI = '#145698' var DK = '#145698' var PT = '#145698' var HU = '#145698' //orange is 243 146 0 #145698 //teal is 0 117 146 #007592 //Pale colours for comparative year bars var CYpale = '#008898' var ISpale = '#008898' var ATpale = '#008898' var LUpale = '#008898' var CHpale = '#008898' var ROpale = '#008898' var IEpale = '#008898' var FIpale = '#008898' var LTpale = '#008898' var PLpale = '#008898' var SEpale = '#008898' var BGpale = '#008898' var ELpale = '#008898' var MTpale = '#008898' var DEpale = '#008898' var UKpale = '#008898' var GBpale = '#008898' var EEpale = '#008898' var FRpale = '#008898' var CZpale = '#008898' var EU28EFTApale = '#AFEEEE' var EU28pale = '#AFEEEE' var ESpale = '#008898' var LVpale = '#008898' var HRpale = '#008898' var BEpale = '#008898' var ITpale = '#008898' var SKpale = '#008898' var NLpale = '#008898' var NOpale = '#008898' var SIpale = '#008898' var DKpale = '#008898' var PTpale = '#008898' var HUpale = '#008898' // Male/Female columns var colorMale = '#AFEEEE' var colorFemale = '#FFC0CB' var colorAll = '#B2B2B2' // Button colours var PDF_buttonColor = '#008898' var EU5_buttonColor = '#008898' var EU28_buttonColor = '#008898' var Data_buttonColor = '#008898' </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-829822-5', 'auto'); ga('send', 'pageview'); */ </script> <script type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m12 w3-white w3-center w3-padding"> <div class="SurvOvaryDiv"> <canvas id="SurvOvary"></canvas> </div> </div> <!-- OPTION BUTTONS --> <div class="w3-col m12 w3-center"> <div class="w3-container"> <button class="efpia-button-slim w3-efpia-green w3-small" id="SurvOvaryEU5" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-5 &nbsp;&nbsp;&nbsp;</a> <button class="efpia-button-slim w3-orange w3-small" id="SurvOvaryEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Survival v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Survival v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Survival.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <script type="text/javascript"> var chartSurvOvaryData = { labels: SurvOvaryCountries, datasets: [ { label: SurvOvaryTitle1, backgroundColor: SurvOvaryColors, data: SurvOvaryData1 } , { label: SurvOvaryTitle2, backgroundColor: SurvOvaryColors2, data: SurvOvaryData2 } , { label: SurvOvaryTitle3, backgroundColor: SurvOvaryColors3, data: SurvOvaryData3 } , { label: SurvOvaryTitle4, backgroundColor: SurvOvaryColors4, data: SurvOvaryData4 } ] }; var chartSurvOvaryDataEU5 = { labels: SurvOvaryCountriesEU5, datasets: [ { label: SurvOvaryTitle1, backgroundColor: SurvOvaryColorsEU5, data: SurvOvaryDataEU51 } , { label: SurvOvaryTitle2, backgroundColor: SurvOvaryColorsEU52, data: SurvOvaryDataEU52 } , { label: SurvOvaryTitle3, backgroundColor: SurvOvaryColorsEU53, data: SurvOvaryDataEU53 } , { label: SurvOvaryTitle4, backgroundColor: SurvOvaryColorsEU54, data: SurvOvaryDataEU54 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSurvOvary = document.getElementById("SurvOvary"); var SurvOvary = new Chart(ctxSurvOvary, { title: 'test', type: 'bar', data: chartSurvOvaryDataEU5, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SurvOvary").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SurvOvary").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SurvOvaryTitle } } }); // Allow chart-type to be changed dynamically document.getElementById('SurvOvaryEU5').onclick = function () { // Call the destroy/rebuild SurvOvary.destroy(); // and rebuild the chart SurvOvary = new Chart(ctxSurvOvary, { title: 'test', type: 'bar', data: chartSurvOvaryDataEU5, options: { title: { display: true, text: SurvOvaryTitle } } }); }; document.getElementById('SurvOvaryEU28').onclick = function () { // Call the destroy/rebuild SurvOvary.destroy(); // and redraw the chart SurvOvary = new Chart(ctxSurvOvary, { title: 'test', type: 'bar', data: chartSurvOvaryData, options: { scales: { xAxes: [{ ticks: { autoSkip: false } }] }, title: { display: true, text: SurvOvaryTitle } } }); }; </script> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentHodgkins" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>HODGKINS SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> [an error occurred while processing this directive] </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> [an error occurred while processing this directive] </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentNHL" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>NON-HODGKINS SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> [an error occurred while processing this directive] </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> [an error occurred while processing this directive] </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentPancreas" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>PANCREATIC CANCER SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> <div class="style3 w3-large" align="left"> <p> Survival data not available </p> </div> </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> <!-- # include file="efpia_chartjs_surv_pancreas.shtml" --> </div> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentMyeloma" class="w3-row w3-container w3-padding-small w3-round-large"> <!-- THIS SETS THE BOX FOR THE TEXT --> <div class="w3-col m3 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>MYELOMA SURVIVAL, 5 YEAR AGE STANDARDISED, 1995-2014</strong></a> [an error occurred while processing this directive] </div> <!-- THIS SETS THE BOX FOR THE CHART --> <div class="w3-col m9"> [an error occurred while processing this directive] </div> </div> </div> <!-- Scripts to manage the button changes and toggle the charts on the DIV --> <script> // Hold the script after the drawing of the buttons // Toggle the individual site-charts var toggleBreast = document.getElementById("toggleBreast"); var contentBreast = document.getElementById("contentBreast"); var count = 1; toggleBreast.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleBreast.src = "/buttons/breast_grey.png"; contentBreast.style.display = "block"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleLung = document.getElementById("toggleLung"); var contentLung = document.getElementById("contentLung"); toggleLung.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleLung.src = "/buttons/lung_grey.png"; // contentLung.style.display = (contentLung.dataset.toggleLungd ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "block"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleColon = document.getElementById("toggleColon"); var contentColon = document.getElementById("contentColon"); toggleColon.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleColon.src = "/buttons/colon_grey.png"; // contentColon.style.display = (contentColon.dataset.toggleColond ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "block"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleProstate = document.getElementById("toggleProstate"); var contentProstate = document.getElementById("contentProstate"); toggleProstate.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleProstate.src = "/buttons/prostate_grey.png"; // contentProstate.style.display = (contentProstate.dataset.toggleProstated ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "block"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleMelanoma = document.getElementById("toggleMelanoma"); var contentMelanoma = document.getElementById("contentMelanoma"); toggleMelanoma.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleMelanoma.src = "/buttons/melanoma_grey.png"; // contentMelanoma.style.display = (contentMelanoma.dataset.toggleMelanomad ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "block"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleLeukaemia = document.getElementById("toggleLeukaemia"); var contentLeukaemia = document.getElementById("contentLeukaemia"); toggleLeukaemia.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_grey.png"; // contentLeukaemia.style.display = (contentLeukaemia.dataset.toggleLeukaemiad ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "block"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleOvary = document.getElementById("toggleOvary"); var contentOvary = document.getElementById("contentOvary"); toggleOvary.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleOvary.src = "/buttons/ovary_grey.png"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "block"; // contentPancreas.style.display = "none"; }); /* var // togglePancreas = document.getElementById("// togglePancreas"); var contentPancreas = document.getElementById("contentPancreas"); // togglePancreas.addEventListener("click", function() { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; // toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; // togglePancreas.src = "/buttons/pancreas_grey.png"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "block"; }); */ var toggleHodgkins = document.getElementById("toggleHodgkins"); var contentHodgkins = document.getElementById("contentHodgkins"); toggleHodgkins.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleHodgkins.src = "/buttons/hodgkins_grey.png"; // contentHodgkins.style.display = (contentHodgkins.dataset.toggleHodgkinsd ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleNHL = document.getElementById("toggleNHL"); var contentNHL = document.getElementById("contentNHL"); toggleNHL.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleNHL.src = "/buttons/nhl_grey.png"; // contentNHL.style.display = (contentNHL.dataset.toggleNHLd ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // var toggleMyeloma = document.getElementById("toggleMyeloma"); var contentMyeloma = document.getElementById("contentMyeloma"); toggleMyeloma.addEventListener("click", function () { toggleBreast.src = "/buttons/breast_blue.png"; toggleColon.src = "/buttons/colon_blue.png"; toggleProstate.src = "/buttons/prostate_blue.png"; toggleMelanoma.src = "/buttons/melanoma_blue.png"; toggleLeukaemia.src = "/buttons/lymphoid_blue.png"; toggleLung.src = "/buttons/lung_blue.png"; toggleOvary.src = "/buttons/ovary_blue.png"; // togglePancreas.src = "/buttons/pancreas_blue.png"; toggleMyeloma.src = "/buttons/myeloma_grey.png"; // contentMyeloma.style.display = (contentMyeloma.dataset.toggleMyelomad ^= 1) ? "block" : "none"; contentBreast.style.display = "none"; contentColon.style.display = "none"; contentProstate.style.display = "none"; contentMelanoma.style.display = "none"; contentLeukaemia.style.display = "none"; contentLung.style.display = "none"; contentOvary.style.display = "none"; contentPancreas.style.display = "none"; }); // </script> </div> </div> </div> </div> </div> </div> </div> </section> </div> <footer> <div class="pre-footer"> <div class="container"> <ul class="pre-footer__container"> <li class="pre-footer__items"> <a href="http://www.vaccineseurope.eu/" class="pre-footer__item-links "> <img src="/media/25325/vaccines-europe-new.png" alt="Vaccines Europe" /> </a> </li> <li class="pre-footer__items"> <a href="http://www.imi.europa.eu/" class="pre-footer__item-links "> <img src="/media/25326/imi-new.png" alt="IMI Europe" /> </a> </li> <li class="pre-footer__items"> <a href="https://www.ethicalmedtech.eu/e4ethics/about-e4ethics/" class="pre-footer__item-links "> <img src="/media/25327/4ethics-new.png" alt="4 Ethics" /> </a> </li> <li class="pre-footer__items"> <a href="https://www.emvo-medicines.eu/" class="pre-footer__item-links "> <img src="/media/25328/emvo-new.png" alt="EMVO" /> </a> </li> <li class="pre-footer__items"> <a href="http://www.ich.org/" class="pre-footer__item-links "> <img src="/media/288670/ich-logo.png" alt="ICH" /> </a> </li> <li class="pre-footer__items"> <a href="https://www.ihi.europa.eu/" class="pre-footer__item-links "> <img src="/media/636696/ihi-logo.png" alt="IHI" /> </a> </li> </ul> </div> </div> <div class="footer-container"> <div class="footer__rights"> <span>EFPIA 2024 All rights reserved</span><br /> <a href="/privacy-notice/" class="disclaimer__link">Privacy Policy</a> - <a href="javascript: Cookiebot.renew()">Change your consent</a> </div> <div class="footer__disclaimer"> <div class="footer__social"> <a href="https://www.youtube.com/channel/UCSoatAirOLDiTiSVsCiLpCg" target="_blank"> <i class="fa fa-youtube-square fa-2x"></i> </a> <a href="https://twitter.com/efpia" target="_blank"> <i class="fa fa-square-x-twitter fa-2x"></i> </a> <a href="https://www.linkedin.com/company/efpia" target="_blank"> <i class="fa fa-linkedin-square fa-2x"></i> </a> </div> </div> </div> </footer> <footer class="footer__mobile"> <div class="pre-footer"> <ul class="pre-footer__container"> <li class="pre-footer__items"> <a href="http://www.vaccineseurope.eu/" class="pre-footer__item-links"> <img src="/media/25325/vaccines-europe-new.png" alt="Vaccines Europe" /> </a> </li> <li class="pre-footer__items"> <a href="http://www.imi.europa.eu/" class="pre-footer__item-links"> <img src="/media/25326/imi-new.png" alt="IMI Europe" /> </a> </li> <li class="pre-footer__items"> <a href="https://www.ethicalmedtech.eu/e4ethics/about-e4ethics/" class="pre-footer__item-links"> <img src="/media/25327/4ethics-new.png" alt="4 Ethics" /> </a> </li> <li class="pre-footer__items"> <a href="https://www.emvo-medicines.eu/" class="pre-footer__item-links"> <img src="/media/25328/emvo-new.png" alt="EMVO" /> </a> </li> <li class="pre-footer__items"> <a href="http://www.ich.org/" class="pre-footer__item-links"> <img src="/media/288670/ich-logo.png" alt="ICH" /> </a> </li> <li class="pre-footer__items"> <a href="https://www.ihi.europa.eu/" class="pre-footer__item-links"> <img src="/media/636696/ihi-logo.png" alt="IHI" /> </a> </li> </ul> </div> <div class="footer__social"> <a href="" target="_blank"> <i class="fa fa-google-plus-square fa-2x"></i> </a> <a href="https://www.youtube.com/channel/UCSoatAirOLDiTiSVsCiLpCg" target="_blank"> <i class="fa fa-youtube-square fa-2x"></i> </a> <a href="https://twitter.com/efpia" target="_blank"> <i class="fa fa-twitter-square fa-2x"></i> </a> <a href="https://www.linkedin.com/company/efpia" target="_blank"> <i class="fa fa-linkedin-square fa-2x"></i> </a> <a href="" target="_blank"> <i class="fa fa-pinterest-square fa-2x"></i> </a> </div> <div class="table"> <div class="footer__rights">EFPIA 2016-2023 All rights reserved</div> <div class="footer__disclaimer"> <a href="/privacy-notice/" class="disclaimer__link">Disclaimer</a> - <a href="#" class="disclaimer__link cookie-consent-settings">Change your consent</a> </div> </div> </footer> <script type="text/javascript"> _linkedin_partner_id = "653633"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=653633&fmt=gif" /> </noscript> </section> <div class="overlay__mask"></div> <div class="search-overlay__mask"></div> <div class="popup__overlay"> <div class="popup__table-cell"> <div class="popup__content"> <h2> <span class="popup__heading"></span> <span class="popup__close icon-close"></span> </h2> <div class="popup__html"> </div> <div class="popup__buttons"> <div class="popup__button-left"> <a class="btn btn-primary popup__close">close</a> </div> <div class="popup__button-right"> <a class="btn btn--clear popup__continue no-popup" href="" target="_blank">continue</a> </div> </div> </div> </div> </div> </div> </div> <script src="/App/js/app.js?v=7052fdace13829e5ff0e7d49c99bc4f575eb526e"></script> <script type="text/javascript"> $(document).ready(function () { var siteKey = "6Lf_mSETAAAAAAf4wLjodHK-LtRmMgII-nxdpnqZ" stickyTab.init($(".section-navigation")); ; ; Navigation.init(); Header.init(); ArticleList.init(); }); $(window).load(function () { $("body").removeClass("notransition"); }); </script> <link rel="stylesheet" href="/css/image-map-pro.min.css"> <script src="/js/image-map-pro.min.js"></script> <script type="text/javascript"> ;(function ($, window, document, undefined) { $(document).ready(function() { $('#image-map-pro-container22').imageMapPro({"id":841,"editor":{"selected_shape":"spot-2477","transform_tooltip_mode":1,"tool":"select","shapeCounter":{"spots":10}},"general": {"name":"EFPIA-power-up","width":684,"height":674,"naturalWidth":684,"naturalHeight":674,"center_image_map":1}, "image":{"url":"https://efpia.eu/media/624966/efpia-powerup.jpg"}, "shapes":{"pageload_animation":"grow","glowing_shapes":1,"glow_opacity":0.4666666666666667},"tooltips":{"sticky_tooltips":1,"tooltip_animation":"grow"}, "layers":{"layers_list":[{"id":0,"title":"Main Floor","image_url":"https://efpia.eu/media/624927/powerupcover2021.jpg","image_width":684,"image_height":674}]}, "spots":[{"id":"spot-2723","title":"DIGITAL","x":45.23,"y":69.259,"width":135,"height":71,"x_image_background":45.23,"y_image_background":69.259,"static":1, "actions":{"click":"follow-link","link":"https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/digital-health/"}, "default_style":{"icon_type":"custom","icon_url":"https://efpia.eu/media/624964/efpia-powerup_0005_digital-health.png","icon_is_pin":0}, "tooltip_style":{"background_color":"#928b2d","auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-951661", "settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"DIGITAL HEALTH:<br>the power behind POWER"}, "style":{"background_color":"#928b2c"}}}]}}]}}},{"id":"spot-5902","title":"PEOPLE","x":24.973,"y":13.253,"width":108,"height":150,"x_image_background":24.973, "y_image_background":13.253,"static":1,"actions":{"click":"follow-link","link":"https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/people-centricity/"}, "default_style":{"border_radius":0,"background_type":"image","background_image_offset_y":-20,"background_opacity":0,"icon_type":"custom", "icon_url":"https://efpia.eu/media/624961/efpia-powerup_0002_people.png","icon_is_pin":0},"tooltip_style":{"background_color":"#f05270"}, "tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-823491","settings":{"elements":[{"settings":{"name":"Heading", "iconClass":"fa fa-header"},"options":{"heading":{"text":"PEOPLE-CENTRICITY:<br>the driving force"},"style":{"background_color":"#928b2c"}}}]}}]}}}, {"id":"spot-8681","title":"OUTCOMES","x":11.276,"y":63.398,"width":169,"height":139,"x_image_background":11.276,"y_image_background":63.398,"static":1, "actions":{"click":"follow-link","link":"https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/outcomes/"}, "default_style":{"icon_type":"custom","icon_url":"https://efpia.eu/media/624962/efpia-powerup_0003_outcomes.png","icon_is_pin":0}, "tooltip_style":{"background_color":"#99d6cc"}, "tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-840281","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"}, "options":{"heading":{"text":"OUTCOMES<br>matter most"},"style":{"background_color":"#928b2c"}}}]}}]}}},{"id":"spot-8700","title":"WORKFORCE","x":47.535,"y":83.393, "width":178,"height":140,"x_image_background":47.535,"y_image_background":83.393,"static":1,"actions":{"click":"follow-link","link":"https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/workforce/"}, "default_style":{"icon_type":"custom","icon_url":"https://efpia.eu/media/624959/efpia-powerup_0000_workforce.png","icon_is_pin":0},"tooltip_style":{"background_color":"#5c4087"}, "tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-795621","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"}, "options":{"heading":{"text":"WORKFORCE:<br>empowering the power base"},"style":{"background_color":"#928b2c"}}}]}}]}}}, {"id":"spot-202","title":"EFFICIENCY","x":84.416,"y":63.774,"width":172,"height":139,"x_image_background":84.416,"y_image_background":63.774,"static":1, "actions":{"click":"follow-link","link":"https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/efficiency/"},"default_style":{"icon_type":"custom", "icon_url":"https://efpia.eu/media/624965/efpia-powerup_0006_efficiency.png","icon_is_pin":0},"tooltip_style":{"background_color":"#145796"}, "tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-699641","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"}, "options":{"heading":{"text":"EFFICIENCY:<br>is imperative"},"style":{"background_color":"#928b2c"}}}]}}]}}},{"id":"spot-6615","title":"RESILIENCE", "x":77.201,"y":17.416,"width":152,"height":144,"x_image_background":77.201,"y_image_background":17.416,"static":1,"actions":{"click":"follow-link", "link":"https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/resilience/"},"default_style":{"icon_type":"custom","icon_url":"https://efpia.eu/media/624960/efpia-powerup_0001_resilience.png", "icon_is_pin":0},"tooltip_style":{"background_color":"#a4c24d"},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-968171","settings":{"elements":[{"settings":{"name":"Heading", "iconClass":"fa fa-header"},"options":{"heading":{"text":"RESILIENCE:<br>future proofing<br>our health systems"},"style":{"background_color":"#928b2c"}}}]}}]}}}, {"id":"spot-2477","title":"INNOVATION","x":34.462,"y":62.521,"width":155,"height":50,"x_image_background":34.462,"y_image_background":62.521,"static":1, "actions":{"click":"follow-link","link":"https://efpia.eu/about-medicines/use-of-medicines/healthcare-systems/innovation/"},"default_style":{"icon_type":"custom", "icon_url":"https://efpia.eu/media/624963/efpia-powerup_0004_innovation.png","icon_is_pin":0},"tooltip_style":{"background_color":"#347e93"}, "tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-750481","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"}, "options":{"heading":{"text":"INNOVATION:<br>putting power tools to work"},"style":{"background_color":"#928b2c"}}}]}}]}}}]}); $('#image-map-pro-container0822').imageMapPro({"id":6937,"editor":{"previewMode":1,"selected_shape":"poly-1318","tool":"poly","shapeCounter":{"spots":1,"polys":4}},"general":{"name":"MTM INTRO","shortcode":"MTMINTRO","width":1900,"height":640,"naturalWidth":1900,"naturalHeight":640},"image":{"url":"https://efpia.eu/media/676542/efpia-new-medicine.png"},"spots":[{"id":"poly-7150","title":"improving-health","type":"poly","x":0,"y":38.138,"width":39.857,"height":61.862,"x_image_background":0,"y_image_background":38.138,"width_image_background":50.27563395810364,"height_image_background":71.02742557883131,"actions":{"click":"follow-link","link":"https://efpia.eu/more-than-medicine/improving-health/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"tooltip_style":{"background_color":"F15171","width":192,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-361721","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"IMPROVING HEALTH","heading":"h2"}}},{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"text":{"text":"Click to find out more"}}}]}}]}},"points":[{"x":0,"y":0.26455281533741665},{"x":71.64583857019846,"y":0},{"x":100,"y":54.23353210298403},{"x":89.07501907263153,"y":100},{"x":0,"y":100}]},{"id":"poly-7647","title":"turning-science","type":"poly","x":0,"y":0,"width":50.662,"height":69.639,"x_image_background":0,"y_image_background":0,"width_image_background":50.49614112458654,"height_image_background":57.28018191841235,"actions":{"click":"follow-link","link":"https://efpia.eu/more-than-medicine/turning-science-into-new-medicines/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"tooltip_style":{"background_color":"9AC93C","width":342,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-285401","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"TURNING SCIENCE INTO NEW MEDECINES","heading":"h2"}}},{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"text":{"text":"Click to find out more"}}}]}}]}},"points":[{"x":5.551115123125782e-17,"y":0},{"x":100,"y":0},{"x":99.89243767075861,"y":84.02023040863114},{"x":78.78138333621108,"y":100},{"x":56.47496930474715,"y":51.588594053665005},{"x":0,"y":51.8233044298998}]},{"id":"poly-149","title":"responsible-innovation","type":"poly","x":51.378,"y":0,"width":48.622,"height":70.458,"x_image_background":51.378,"y_image_background":0,"width_image_background":50.49614112458654,"height_image_background":57.28018191841235,"actions":{"click":"follow-link","link":"https://efpia.eu/more-than-medicine/responsible-innovation/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"tooltip_style":{"background_color":"5C4188","width":238,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-936711","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"RESPONSIBLE INNOVATION","heading":"h2"}}},{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"text":{"text":"Click to find out more"}}}]}}]}},"points":[{"x":0.45247007527456473,"y":0},{"x":99.9992471681618,"y":0},{"x":100,"y":54.2409222209569},{"x":44.105417409653455,"y":53.54430855629053},{"x":21.200572224759124,"y":100},{"x":0,"y":82.81022577277147}]},{"id":"poly-1318","title":"economic-impact","type":"poly","x":62.459,"y":39.852,"width":37.541,"height":60.148,"x_image_background":62.459,"y_image_background":39.852,"width_image_background":50.49614112458654,"height_image_background":57.28018191841235,"actions":{"click":"follow-link","link":"https://efpia.eu/more-than-medicine/economic-impact/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"tooltip_style":{"background_color":"F5831E","width":186,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-525171","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"ECONOMIC IMPACT","heading":"h2"}}},{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"text":{"text":"Click to find out more"}}}]}}]}},"points":[{"x":28.337018193441814,"y":0},{"x":100,"y":0.545321540200831},{"x":100,"y":100},{"x":9.986244513789437,"y":100},{"x":0,"y":53.199317097942675}]}]}); $('#image-map-pro-container').imageMapPro({"id":6762,"editor":{"tool":"select","shapeCounter":{"spots":4,"ovals":2}},"general":{"name":"EFPIA-MTM","width":616,"height":615,"naturalWidth":616,"naturalHeight":615},"image":{"url":"https://efpia.eu/media/676463/efpia-ethicalprinciples-base.jpg"},"shapes":{"pageload_animation":"grow","glowing_shapes":1},"spots":[{"id":"oval-5315","title":"integrity","type":"oval","x":73.297,"y":39.838,"width":20.942,"height":20.976,"x_image_background":73.297,"y_image_background":39.838,"width_image_background":20.942,"height_image_background":20.976,"static":1,"default_style":{"background_type":"image","background_image_url":"https://efpia.eu/media/676464/efpia-ethicalprinciples-integrity.png"},"mouseover_style":{"background_image_url":"https://efpia.eu/media/676464/efpia-ethicalprinciples-integrity.png"},"tooltip_style":{"background_color":"#537bbd","width":314,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-435101","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"We act with INTEGRITY, interact in a responsible manner and aim to ensure that our communications with stakeholders are accurate, legitimate and balanced. We are accountable for our decisions, actions and interactions and we encourage others to follow the same high ethical standards."},"layout":{"use_grid":0,"width":300},"style":{"background_color":"#537bbd"},"font":{"font_family":"lato"}}}]}}]}}},{"id":"oval-3447","title":"transparency","type":"oval","x":4.952,"y":40.488,"width":20.942,"height":20.976,"x_image_background":4.952,"y_image_background":40.488,"width_image_background":20.942,"height_image_background":20.976,"static":1,"default_style":{"background_type":"image","background_image_url":"https://efpia.eu/media/676467/efpia-ethicalprinciples-transparency.png"},"mouseover_style":{"background_image_url":"https://efpia.eu/media/676467/efpia-ethicalprinciples-transparency.png"},"tooltip_style":{"background_color":"#138798","width":332,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-857991","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"We are committed to ensure that TRANSPARENCY is respected. We are open about our activities and interactions and encourage stakeholders to act with the same openness."},"layout":{"use_grid":0,"width":300},"style":{"background_color":"#138798"},"font":{"font_family":"lato"}}}]}}]}}},{"id":"oval-8283","title":"respect","type":"oval","x":39.693,"y":73.497,"width":20.942,"height":20.976,"x_image_background":39.693,"y_image_background":73.497,"width_image_background":20.942,"height_image_background":20.976,"static":1,"default_style":{"background_type":"image","background_image_url":"https://efpia.eu/media/676466/efpia-ethicalprinciples-respect.png"},"mouseover_style":{"background_image_url":"https://efpia.eu/media/676466/efpia-ethicalprinciples-respect.png"},"tooltip_style":{"background_color":"#1e5595","width":428,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-968971","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"We interact with all our stakeholders with RESPECT. We commit to approach our stakeholders in an open manner, with a responsive, constructive and learning attitude and mutual respect. We value the importance of independent decision-making by stakeholders, based on evidence and including patient interest. With respect to society, we listen to what is expected from us and adapt our way of working accordingly. We follow applicable laws and make ethical judgements when processing Personal Health Data."},"layout":{"use_grid":0,"width":300},"style":{"background_color":"#537bbd"},"font":{"font_family":"lato"}}}]}}]}}},{"id":"oval-7074","title":"patientsfirst","type":"oval","x":39.53,"y":5.041,"width":20.942,"height":20.976,"x_image_background":39.53,"y_image_background":5.041,"width_image_background":20.942,"height_image_background":20.976,"static":1,"default_style":{"background_type":"image","background_image_url":"https://efpia.eu/media/676465/efpia-ethicalprinciples-patientsfirst.png"},"mouseover_style":{"background_image_url":"https://efpia.eu/media/676465/efpia-ethicalprinciples-patientsfirst.png"},"tooltip_style":{"background_color":"#97c340","width":372,"auto_width":0},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-743751","settings":{"elements":[{"settings":{"name":"Heading","iconClass":"fa fa-header"},"options":{"heading":{"text":"First and foremost, the PATIENTS ARE AT THE HEART OF WHAT WE DO. We aspire to ensure that everything we do will ultimately benefit patients. Our primary contribution to society is to make high quality Medicinal Products and to encourage their appropriate and rational use in the care pathway."},"layout":{"use_grid":0,"width":300},"style":{"background_color":"#537bbd"},"font":{"font_family":"lato"}}}]}}]}}}]}); }); })(jQuery, window, document); </script> <script type="text/javascript"> _linkedin_partner_id = "3968705"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3968705&fmt=gif" /> </noscript> <!-- Twitter universal website tag code --> <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o6yg9'); twq('track','PageView'); </script> <!-- End Twitter universal website tag code --> <!-- DTEST --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10