CINXE.COM

Cancer Care

<!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>Cancer Care</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="Cancer Care" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://efpia.eu/publications/cancer-comparator-report/cancer-care/" /> <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 "> <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 currentpage"> <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 "> <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 currentpage"> <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"> Cancer Care </span> <!-- Untruncated Version for large screens --> <span class="untruncated-breadcrumb"> Cancer Care </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>Cancer Care</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 "> <a href="/publications/cancer-comparator-report/survival/">Survival</a> </li> <li class="innovation-list selected"> <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-12 column"> <div > <h2>CANCER CARE</h2> <p>The economic burden of cancer consists of two parts – direct and indirect costs:</p> <ul style="color: #5c5d5f;"> <li>Direct costs include all the resources necessary for prevention, treatment and cancer care</li> <li>Indirect costs include resources lost due to inability to work</li> </ul> <p>If current trends continue, cancer is set to overtake cardiovascular disease and become the leading cause of death and disability in Europe. Yet only 6.2% of the overall health budget is allocated towards cancer care and treatment.</p> <p>Whilst spending on cancer care and medicines has doubled since the mid 1990s in line with demographic developments and the increasing number of tumour types we are currently able to treat, its overall share of the total health budget has remained stable over the past 20 years.</p> <p>For more information on cancer spending 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> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <!-- 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-padding"> </div> <!-- Drop menus for site selection within category --> <style> #contentOverallhealthcare { display: none; } #contentDirectcost { display: none; } #contentIndirectcost { display: none; } #contentSpend { display: none; } </style> <!-- sub-site selection boxes for Inc. Mort, Surv --> <div class="w3-row" style="margin: 0 auto; width: 100%;"> <img id="toggleOverallhealthcare" class="button w3-col w3-white w3-hover-opacity" style="width:20%" src="/buttons/prcnt_of_overall_healthcare_budget_over.jpg" width="50%"> <img id="toggleDirectcost" class="button w3-col w3-white w3-hover-opacity" style="width:20%" src="/buttons/direct_cost_of_cancer_over.jpg" width="50%"> <img id="toggleIndirectcost" class="button w3-col w3-white w3-hover-opacity" style="width:20%" src="/buttons/indirect_cost_of_cancer_over.jpg" width="50%"> <img id="toggleSpend" class="button w3-col w3-white w3-hover-opacity" style="width:20%" src="/buttons/cancer_medecine_spend_over.jpg" width="50%"> </div> <div style="height:20px"> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentOverallhealthcare" class="w3-row w3-container w3-padding-small w3-round-large"> <div style="padding:30px 0;"> <a class="w3-text-efpia-green w3-large"><strong>% OF OVERALL HEALTHCARE BUDGET</strong></a> <p>The overall share of the total health budget dedicated to cancer care has remained stable over the past 20 years.</p> </div> <!-- OVERALL STARTS --> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <!--#include file="efpia_chart_template.shtml" --> <script> // ************************* // Coding change is SpendTrend // ************************* Chart.defaults.scale.gridLines.display = false; var SpendTrendData1 = [6.2, 6.2, 6.6, 6.6, 6.4, 6.4]; var SpendTrendData2 = [5.7, 5.7, 6.1, 6.5, 6.8, 6.9]; var SpendTrendData3 = [6.9, 6.9, 6.9, 7, 7.1, 7.1]; var SpendTrendData4 = [6.8, 6.8, 6.8, 6.8, 6.8, 6.8]; var SpendTrendData5 = [6.3, 6.3, 6.3, 6.3, 6.3, 6.3]; var SpendTrendData6 = [5.7, 5.7, 5.7, 7, 7, 7]; var SpendTrendData7 = [4.8, 4.8, 4.8, 4.8, 4.8, 4.8]; var SpendTrendData8 = [5.8, 5.8, 5.8, 5.8, 5.8, 5.8]; var SpendTrendData9 = [4.1, 4.1, 4.1, 4, 4, 4]; var SpendTrendData10 = [6.2, 6.2, 6.2, 6.2, 6.7, 7.1]; var SpendTrendData11 = [6.3, 6.3, 7.2, 7.1, 6.8, 6.8]; var SpendTrendData12 = [6.5, 6.5, 6.5, 6.5, 6.5, 6.5]; var SpendTrendData13 = [7.1, 7.1, 7.1, 7.1, 7.1, 7.1]; var SpendTrendData14 = [3.8, 3.8, 3.8, 3.8, 3.8, 3.8]; var SpendTrendData15 = [4.9, 4.9, 5.2, 5, 5, 5]; var SpendTrendData16 = [6.7, 6.7, 6.7, 6.7, 6.7, 6.7]; var SpendTrendData17 = [6.3, 6.3, 6.3, 6.4, 6.4, 6.4]; var SpendTrendData18 = [6.3, 6.3, 6.3, 6.4, 6.4, 6.4]; var SpendTrendData19 = [5.7, 5.7, 6.1, 6.5, 6.8, 6.9]; var SpendTrendData20 = [6.5, 6.5, 6.5, 6.5, 6.5, 6.5]; var SpendTrendData21 = [4.7, 4.7, 4.8, 6.2, 6.9, 6.9]; var SpendTrendData22 = [4.5, 4.5, 4.5, 4.5, 4.2, 4.2]; var SpendTrendData23 = [6.7, 6.7, 6.7, 6.9, 7, 7]; var SpendTrendData24 = [3.7, 3.7, 3.7, 3.7, 5.4, 5.4]; var SpendTrendData25 = [6.9, 6.9, 6.9, 7, 7.1, 7.1]; var SpendTrendData26 = [6.4, 6.4, 6.4, 7.1, 7.1, 7.1]; var SpendTrendData27 = [6.4, 6.4, 6.4, 6.4, 6.4, 6.4]; var SpendTrendData28 = [4.9, 4.9, 4.9, 4.9, 4.9, 4.9]; var SpendTrendData29 = [3.7, 3.7, 3.7, 3.7, 3.7, 3.7]; var SpendTrendData30 = [6, 6, 6, 6, 6, 6]; var SpendTrendData31 = [4.9, 4.9, 5.2, 5, 5, 5]; var SpendTrendData32 = [5.9, 5.8, 6, 6.1, 6.1, 6.2]; var SpendTrendTitle = ['Proportion of healthcare spending dedicated to cancer (1995-2018)']; var SpendTrendYears = ['1995', '2000', '2005', '2010', '2015', '2018']; var SpendTrendTitle1 = ['Austria']; var SpendTrendTitle2 = ['Belgium']; var SpendTrendTitle3 = ['Bulgaria']; var SpendTrendTitle4 = ['Croatia']; var SpendTrendTitle5 = ['Cyprus']; var SpendTrendTitle6 = ['Czechia']; var SpendTrendTitle7 = ['Denmark']; var SpendTrendTitle8 = ['Estonia']; var SpendTrendTitle9 = ['Finland']; var SpendTrendTitle10 = ['France']; var SpendTrendTitle11 = ['Germany']; var SpendTrendTitle12 = ['Greece']; var SpendTrendTitle13 = ['Hungary']; var SpendTrendTitle14 = ['Iceland']; var SpendTrendTitle15 = ['Ireland']; var SpendTrendTitle16 = ['Italy']; var SpendTrendTitle17 = ['Latvia']; var SpendTrendTitle18 = ['Lithuania']; var SpendTrendTitle19 = ['Luxembourg']; var SpendTrendTitle20 = ['Malta']; var SpendTrendTitle21 = ['Netherlands']; var SpendTrendTitle22 = ['Norway']; var SpendTrendTitle23 = ['Poland']; var SpendTrendTitle24 = ['Portugal']; var SpendTrendTitle25 = ['Romania']; var SpendTrendTitle26 = ['Slovakia']; var SpendTrendTitle27 = ['Slovenia']; var SpendTrendTitle28 = ['Spain']; var SpendTrendTitle29 = ['Sweden']; var SpendTrendTitle30 = ['Switzerland']; var SpendTrendTitle31 = ['UK']; var SpendTrendTitle32 = ['Europe']; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var colorMed6 = '#ff4e50'; var colorMed7 = '#fc913a'; var colorMed8 = '#f9d62e'; var colorMed9 = '#eae374'; var colorMed10 = '#e2f4c7'; var colorMed11 = '#ff4e50'; var colorMed12 = '#fc913a'; var colorMed13 = '#f9d62e'; var colorMed14 = '#eae374'; var colorMed15 = '#e2f4c7'; var colorMed16 = '#ff4e50'; var colorMed17 = '#fc913a'; var colorMed18 = '#f9d62e'; var colorMed19 = '#eae374'; var colorMed20 = '#e2f4c7'; var colorMed21 = '#ff4e50'; var colorMed22 = '#fc913a'; var colorMed23 = '#f9d62e'; var colorMed24 = '#eae374'; var colorMed25 = '#e2f4c7'; var colorMed26 = '#ff4e50'; var colorMed27 = '#fc913a'; var colorMed28 = '#f9d62e'; var colorMed29 = '#eae374'; var colorMed30 = '#e2f4c7'; var colorMed31 = '#ff4e50'; var colorMed32 = '#fc913a'; // ************************* </script> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <!--#include file="efpia_chart_template.shtml" --> <div class="w3-white w3-center w3-padding"> <div class="SpendTrendDiv"> <canvas id="SpendTrend"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="/data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Export to PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartSpendTrendData = { labels: SpendTrendYears, datasets: [ { label: SpendTrendTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: SpendTrendData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: SpendTrendData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: SpendTrendData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: SpendTrendData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: SpendTrendData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle6, backgroundColor: colorMed6, borderColor: colorMed6, data: SpendTrendData6, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle7, backgroundColor: colorMed7, borderColor: colorMed7, data: SpendTrendData7, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle8, backgroundColor: colorMed8, borderColor: colorMed8, data: SpendTrendData8, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle9, backgroundColor: colorMed9, borderColor: colorMed9, data: SpendTrendData9, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle10, backgroundColor: colorMed10, borderColor: colorMed10, data: SpendTrendData10, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle11, backgroundColor: colorMed11, borderColor: colorMed11, data: SpendTrendData11, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle12, backgroundColor: colorMed12, borderColor: colorMed12, data: SpendTrendData12, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle13, backgroundColor: colorMed13, borderColor: colorMed13, data: SpendTrendData13, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle14, backgroundColor: colorMed14, borderColor: colorMed14, data: SpendTrendData14, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle15, backgroundColor: colorMed15, borderColor: colorMed15, data: SpendTrendData15, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle16, backgroundColor: colorMed16, borderColor: colorMed16, data: SpendTrendData16, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle17, backgroundColor: colorMed17, borderColor: colorMed17, data: SpendTrendData17, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle18, backgroundColor: colorMed18, borderColor: colorMed18, data: SpendTrendData18, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle19, backgroundColor: colorMed19, borderColor: colorMed19, data: SpendTrendData19, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle20, backgroundColor: colorMed20, borderColor: colorMed20, data: SpendTrendData20, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle21, backgroundColor: colorMed21, borderColor: colorMed21, data: SpendTrendData21, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle22, backgroundColor: colorMed22, borderColor: colorMed22, data: SpendTrendData22, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle23, backgroundColor: colorMed23, borderColor: colorMed23, data: SpendTrendData23, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle24, backgroundColor: colorMed24, borderColor: colorMed24, data: SpendTrendData24, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle25, backgroundColor: colorMed25, borderColor: colorMed25, data: SpendTrendData25, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle26, backgroundColor: colorMed26, borderColor: colorMed26, data: SpendTrendData26, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle27, backgroundColor: colorMed27, borderColor: colorMed27, data: SpendTrendData27, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle28, backgroundColor: colorMed28, borderColor: colorMed28, data: SpendTrendData28, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle29, backgroundColor: colorMed29, borderColor: colorMed29, data: SpendTrendData29, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle30, backgroundColor: colorMed30, borderColor: colorMed30, data: SpendTrendData30, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle31, backgroundColor: colorMed31, borderColor: colorMed31, data: SpendTrendData31, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: SpendTrendTitle32, backgroundColor: colorMed32, borderColor: colorMed32, data: SpendTrendData32, fill: false, pointBorderColor: 'black', pointBackgroundColor: 'white', pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: 'yellow', pointHoverBorderColor: 'brown', pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxSpendTrend = document.getElementById("SpendTrend"); var SpendTrend = new Chart(ctxSpendTrend, { title: 'test', type: 'line', data: chartSpendTrendData, options: { // Manage the hover on legend items legend: { position: 'right', onHover: function (event, legendItem) { document.getElementById("SpendTrend").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendTrend").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SpendTrendTitle } } }); </script> <!-- OVERALL ENDS --> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - --> <!-- ###################################################### --> <div id="contentDirectcost" class="w3-row w3-container w3-padding-small w3-round-large"> <div style="padding:30px 0;"> <a class="w3-text-efpia-green w3-large"><strong>DIRECT COST OF CANCER</strong></a> <p>There is significant variation in the direct investment in cancer care across Europe with Switzerland spending over 10 times the amount that Romania spends per capita.</p> </div> <!-- DIRECT STARTS --> <script> // ************************* // Coding change is SpendDirect // ************************* Chart.defaults.scale.gridLines.display = false; var SpendDirectTitle = 'Direct costs of cancer - per capita (euro) 2018'; var SpendDirectTitle1 = 'Incidence 1995'; var SpendDirectTitle2 = 'Incidence 2018'; var SpendDirectData = [ 36, 45, 57, 57, 61, 63, 70, 73, 79, 88, 96, 102, 103, 112, 113, 153, 155, 172, 176, 187, 197, 234, 259, 278, 284, 289, 296, 308, 308, 363, 511 ]; var SpendDirectDataEU5 = [ 112, 172, 176, 278, 308 ]; var SpendDirectColors = [ RO, BG, PL, LV, HR, HU, LT, EE, SK, EL, PT, CZ, CY, ES, SI, FI, MT, IT, UK, SE, IS, IE, DK, FR, BE, AT, NO, DE, NL, LU, CH ]; var SpendDirectColorsEU5 = [ ES, IT, UK, FR, DE ]; var SpendDirectCountries = [ 'Romania', 'Bulgaria', 'Poland', 'Latvia', 'Croatia', 'Hungary', 'Lithuania', 'Estonia', 'Slovakia', 'Greece', 'Portugal', 'Czech Republic', 'Cyprus', 'Spain', 'Slovenia', 'Finland', 'Malta', 'Italy', 'UK', 'Sweden', 'Iceland', 'Ireland', 'Denmark', 'France', 'Belgium', 'Austria', 'Norway', 'Germany', 'Netherlands', 'Luxembourg', 'Switzerland' ]; var SpendDirectCountriesEU5 = [ 'Spain', 'Italy', 'UK', 'France', 'Germany' ]; // ************************* // ************************* </script> <div class="w3-col m12 w3-white w3-center w3-padding" style="height:600px"> <div class="SpendDirectDiv" style="height: 100%"> <strong>Direct costs of cancer - per capita (euro) 2018</strong> <canvas id="SpendDirect"></canvas> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <!-- OPTION BUTTONS --> <div class="w3-center"> <div class="w3-barX "> <button class="efpia-button-slim w3-efpia-green w3-small" id="SpendDirectEU5" 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="SpendDirectEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Spending v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Spending v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Export to PPT</a> </div> </div> <script type="text/javascript"> // Setup the initial chart var chartSpendDirectData = { labels: SpendDirectCountries, datasets: [ { datalabels: { labels: { value: { color: 'green' } } }, label: SpendDirectTitle, backgroundColor: SpendDirectColors, data: SpendDirectData } ] }; // Setup the EU5 chart var chartSpendDirectDataEU5 = { labels: SpendDirectCountriesEU5, datasets: [ { label: SpendDirectTitle, backgroundColor: SpendDirectColorsEU5, data: SpendDirectDataEU5 } ] }; //Start the first chart on load var ctxSpendDirect = document.getElementById("SpendDirect"); var SpendDirect = new Chart(ctxSpendDirect, { // type: 'polarArea', type: 'horizontalBar', // try and sto the legend data: chartSpendDirectData, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendDirect").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendDirect").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) tooltip: true, /* plugins: { datalabels: { align: function(context) { var index = context.dataIndex; var value = context.dataset.data[index]; var invert = Math.abs(value) <= 1; return value < 1 ? 'end' : 'start' }, anchor: 'end', backgroundColor: null, borderColor: null, borderRadius: 4, borderWidth: 1, color: '#223388', font: { size: 11, weight: 600 }, offset: 4, padding: 0, formatter: function(value) { return Math.round(value * 10) / 10 } } }, */ legend: { display: false, labels: { fontColor: 'rgb(255, 99, 132)' } }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); // Allow chart-type to be changed dynamically document.getElementById('SpendDirectEU5').onclick = function () { // Destroy the old chart contents if (window.SpendDirect && window.SpendDirect !== null) { window.SpendDirect.destroy(); }; // Rebuild the new content var SpendDirect = document.getElementById('SpendDirect').getContext('2d'); window.SpendDirect = new Chart(ctxSpendDirect, { title: 'test', type: 'horizontalBar', data: chartSpendDirectDataEU5, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendDirect").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendDirect").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("IncAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("IncAll").style.cursor = 'default'; return; } } }, // end of hover management responsive: true, title: { display: false, text: SpendDirectTitle }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); }; document.getElementById('SpendDirectEU28').onclick = function () { // Destroy the old chart contents if (window.SpendDirect && window.SpendDirect !== null) { window.SpendDirect.destroy(); }; // Rebuild the new content var SpendDirect = document.getElementById('SpendDirect').getContext('2d'); window.SpendDirect = new Chart(ctxSpendDirect, { title: 'test', type: 'horizontalBar', data: chartSpendDirectData, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendDirect").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendDirect").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("IncAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("IncAll").style.cursor = 'default'; return; } } }, // end of hover management responsive: true, title: { display: false, text: SpendDirectTitle }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); }; </script> <!-- DIRECT ENDS --> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentIndirectcost" class="w3-row w3-container w3-padding-small w3-round-large"> <div style="padding:30px 0;"> <a class="w3-text-efpia-green w3-large"><strong>INDIRECT COST OF CANCER</strong></a> <p>Direct investment in cancer care has further resulted in a 9% reduction in costs associated with the wider impact of the disease, such as lost or reduced productivity. Through more effective treatment and management of the condition, those affected are able to return to the workforce earlier, benefiting not only the patient but also their family and society overall.</p> </div> <!-- INDIRECT STARTS --> <script> // ************************* // Coding change is SpendIndirect // ************************* Chart.defaults.scale.gridLines.display = false; var SpendIndirectTitle = 'Indirect costs of cancer - per capita (euro) 2018'; var SpendIndirectTitle1 = 'Incidence 1995'; var SpendIndirectTitle2 = 'Incidence 2018'; var SpendIndirectData = [ 32, 39, 56, 58, 61, 65, 67, 68, 71, 73, 79, 81, 84, 92, 101, 120, 128, 130, 140, 151, 152, 170, 173, 189, 207, 221, 227, 228, 235, 255, 287 ]; var SpendIndirectDataEU5 = [ 84, 92, 120, 170, 189 ]; var SpendIndirectColors = [ BG, RO, CY, MT, HU, PL, LV, LT, EL, CZ, SK, PT, IT, ES, EE, UK, FI, IE, SI, HR, AT, FR, SE, DE, LU, NL, IS, BE, NO, CH, DK ]; var SpendIndirectColorsEU5 = [ IT, ES, UK, FR, DE ]; var SpendIndirectCountries = [ 'Bulgaria', 'Romania', 'Cyprus', 'Malta', 'Hungary', 'Poland', 'Latvia', 'Lithuania', 'Greece', 'Czech Republic', 'Slovakia', 'Portugal', 'Italy', 'Spain', 'Estonia', 'UK', 'Finland', 'Ireland', 'Slovenia', 'Croatia', 'Austria', 'France', 'Sweden', 'Germany', 'Luxembourg', 'Netherlands', 'Iceland', 'Belgium', 'Norway', 'Switzerland', 'Denmark' ]; var SpendIndirectCountriesEU5 = [ 'Italy', 'Spain', 'UK', 'France', 'Germany' ]; // ************************* // ************************* </script> <div class="w3-col m12 w3-white w3-center w3-padding" style="height:600px;"> <div class="SpendIndirectDiv" style="height:100%"> <strong>Indirect costs of cancer - per capita (euro) 2018</strong> <canvas id="SpendIndirect"></canvas> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <!-- OPTION BUTTONS --> <div class="w3-center" style="padding-bottom: 50px;"> <div class="w3-barX "> <button class="efpia-button-slim w3-efpia-green w3-small" id="SpendIndirectEU5" 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="SpendIndirectEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Spending v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Spending v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Export to PPT</a> </div> </div> <script type="text/javascript"> // Setup the initial chart var chartSpendIndirectData = { labels: SpendIndirectCountries, datasets: [ { datalabels: { labels: { value: { color: 'green' } } }, label: SpendIndirectTitle, backgroundColor: SpendIndirectColors, data: SpendIndirectData } ] }; // Setup the EU5 chart var chartSpendIndirectDataEU5 = { labels: SpendIndirectCountriesEU5, datasets: [ { label: SpendIndirectTitle, backgroundColor: SpendIndirectColorsEU5, data: SpendIndirectDataEU5 } ] }; //Start the first chart on load var ctxSpendIndirect = document.getElementById("SpendIndirect"); var SpendIndirect = new Chart(ctxSpendIndirect, { type: 'horizontalBar', // try and sto the legend data: chartSpendIndirectData, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendIndirect").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendIndirect").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) tooltip: true, /* plugins: { datalabels: { align: function(context) { var index = context.dataIndex; var value = context.dataset.data[index]; var invert = Math.abs(value) <= 1; return value < 1 ? 'end' : 'start' }, anchor: 'end', backgroundColor: null, borderColor: null, borderRadius: 4, borderWidth: 1, color: '#223388', font: { size: 11, weight: 600 }, offset: 4, padding: 0, formatter: function(value) { return Math.round(value * 10) / 10 } } }, */ legend: { display: false, labels: { fontColor: 'rgb(255, 99, 132)' } }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); //add event listener to PDF button document.getElementById('download-SpendIndirect').onclick = function () { var canvasImg = document.getElementById("SpendIndirect").toDataURL("image/png", 1.0); var doc = new jsPDF(); doc.setFontSize(33); doc.setFillColor(0, 0, 0, 0); doc.rect(10, 10, 150, 160, "F"); doc.addImage(canvasImg, 'png', 10, 10, 200, 100); doc.save('SpendIndirect.pdf'); }; // Allow chart-type to be changed dynamically document.getElementById('SpendIndirectEU5').onclick = function () { // Destroy the old chart contents if (window.SpendIndirect && window.SpendIndirect !== null) { window.SpendIndirect.destroy(); }; // Rebuild the new content var SpendIndirect = document.getElementById('SpendIndirect').getContext('2d'); window.SpendIndirect = new Chart(ctxSpendIndirect, { title: 'test', type: 'horizontalBar', data: chartSpendIndirectDataEU5, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendIndirect").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendIndirect").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) maintainAspectRatio: true, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("IncAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("IncAll").style.cursor = 'default'; return; } } }, // end of hover management responsive: true, title: { display: false, text: SpendIndirectTitle }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); }; document.getElementById('SpendIndirectEU28').onclick = function () { // Destroy the old chart contents if (window.SpendIndirect && window.SpendIndirect !== null) { window.SpendIndirect.destroy(); }; // Rebuild the new content var SpendIndirect = document.getElementById('SpendIndirect').getContext('2d'); window.SpendIndirect = new Chart(ctxSpendIndirect, { title: 'test', type: 'horizontalBar', data: chartSpendIndirectData, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendIndirect").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendIndirect").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) maintainAspectRatio: true, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("IncAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("IncAll").style.cursor = 'default'; return; } } }, // end of hover management responsive: true, title: { display: false, text: SpendIndirectTitle }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); }; </script> <!-- INDIRECT ENDS --> <!-- Productivity loss STARTS --> <script> // ************************* // Coding change is SpendPWYLL // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var SpendPWYLLTitle = 'Productivity loss - expressed as potential years of working life lost (PYWLL) per cancer site (1995-2018)'; var SpendPWYLLTitle1 = 'Lung'; var SpendPWYLLTitle2 = 'Breast'; var SpendPWYLLTitle3 = 'Colon'; var SpendPWYLLTitle4 = 'Brain+CNS'; var SpendPWYLLTitle5 = 'Pancreas'; var SpendPWYLLTitle6 = 'Ovary'; var SpendPWYLLTitle7 = 'Prostate'; var SpendPWYLLTitle8 = 'Stomach'; var SpendPWYLLTitle9 = 'Other'; var SpendPWYLLTitle10 = ''; var SpendPWYLLTitle11 = ''; var SpendPWYLLData1 = [ 458929, 428125, 392893, 367093, 310844, 291530, 116982, 138762, 164367, 176146, 172593, 166811 ]; var SpendPWYLLData2 = [ 0, 0, 0, 0, 0, 0, 347872, 317706, 290297, 263792, 242271, 250984 ]; var SpendPWYLLData3 = [ 127161, 122131, 123173, 121512, 119071, 118570, 96379, 91500, 88287, 87655, 86327, 85851 ]; var SpendPWYLLData4 = [ 83050, 82031, 83050, 82031, 84372, 83816, 46687, 56690, 55767, 55017, 52597, 52145 ]; var SpendPWYLLData5 = [ 69410, 72877, 76293, 77158, 77316, 75815, 36812, 39964, 42506, 47350, 47839, 48905 ]; var SpendPWYLLData6 = [ 0, 0, 0, 0, 0, 0, 70616, 79535, 77213, 73538, 65359, 65996 ]; var SpendPWYLLData7 = [ 25472, 25322, 25283, 25984, 23709, 22746, 0, 0, 0, 0, 0, 0 ]; var SpendPWYLLData8 = [ 101623, 87776, 80699, 71372, 65837, 62291, 51947, 47300, 42860, 39497, 36847, 36232 ]; var SpendPWYLLData9 = [ 782095, 757660, 727768, 654707, 587876, 566629, 492372, 457390, 433877, 399602, 371069, 358183 ]; var SpendPWYLLData10 = [ ]; var SpendPWYLLData11 = [ ]; var SpendPWYLLColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; var SpendPWYLLSites = [ '1995 (men)', '2000 (men)', '2005 (men)', '2010 (men)', '2015 (men)', '2018 (men)', '1995 (women)', '2000 (women)', '2005 (women)', '2010 (women)', '2015 (women)', '2018 (women)' ]; // ************************* // ************************* </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' Chart.defaults.scale.gridLines.display = false; </script> <div class="w3-col m11 w3-white w3-center w3-padding"> <div class="SpendPWYLLDiv"> <canvas id="SpendPWYLL"></canvas> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartSpendPWYLLData = { labels: SpendPWYLLSites, datasets: [ { label: SpendPWYLLTitle1, fill: true, backgroundColor: shade1, data: SpendPWYLLData1 } , { label: SpendPWYLLTitle2, fill: true, backgroundColor: shade2, // pointBackgroundColor: 'yellow', // borderColor: 'green', // pointHighlightStroke: 'purple', // borderCapStyle: 'butt', data: SpendPWYLLData2 } , { label: SpendPWYLLTitle3, fill: true, backgroundColor: shade3, data: SpendPWYLLData3 } , { label: SpendPWYLLTitle4, fill: true, backgroundColor: shade4, data: SpendPWYLLData4 } , { label: SpendPWYLLTitle5, fill: true, backgroundColor: shade5, data: SpendPWYLLData5 } , { label: SpendPWYLLTitle6, fill: true, backgroundColor: shade6, data: SpendPWYLLData6 } , { label: SpendPWYLLTitle7, fill: true, backgroundColor: 'orange', data: SpendPWYLLData7 } , { label: SpendPWYLLTitle8, fill: true, backgroundColor: 'indigo', data: SpendPWYLLData8 } , { label: SpendPWYLLTitle9, fill: true, backgroundColor: 'teal', data: SpendPWYLLData9 } /* , { label: SpendPWYLLTitle10, fill: true, backgroundColor: 'pink', data: SpendPWYLLData10 } , { label: SpendPWYLLTitle11, fill: true, backgroundColor: 'purple', data: SpendPWYLLData11 } */ ] }; var ctxSpendPWYLL = document.getElementById("SpendPWYLL"); var SpendPWYLL = new Chart(ctxSpendPWYLL, { type: 'bar', data: chartSpendPWYLLData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendPWYLL").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendPWYLL").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: SpendPWYLLTitle }, scales: { yAxes: [{ stacked: true, }] } } }); </script> <!-- Productivity loss ENDS --> </div> <!-- ###################################################### --> <!-- CHART CONTAINER - TWO COLUMNS --> <!-- ###################################################### --> <div id="contentSpend" class="w3-row w3-container w3-padding-small w3-round-large"> <div style="padding:30px 0;"> <a class="w3-text-efpia-green w3-large"><strong>CANCER MEDECINES SPEND</strong></a> <p>Western European countries tend to spend significantly more on cancer medicines than Eastern European countries.</p> </div> <!-- ############################# --> <!-- SPEND CHART --> <!-- ############################# --> <script> // ************************* // Coding change is SpendAll // ************************* var SpendAllTitle = 'Spending on cancer medicines - per country (2018)'; var SpendAllTitle1 = 'Incidence 1995'; var SpendAllTitle2 = 'Incidence 2018'; var SpendAllData = [ 4, 4, 12, 13, 15, 16, 18, 20, 30, 31, 36, 39, 40, 49, 51, 57, 60, 60, 61, 62, 64, 69, 75, 77, 89, 90, 92, 94, 108, 0, 0 ]; var SpendAllDataEU5 = [ 49, 61, 75, 77, 92 ]; var SpendAllColors = [ EL, EE, LU, LV, PL, CZ, RO, LT, SK, BG, HR, PT, HU, UK, SI, SE, IS, FI, ES, NL, IE, NO, IT, FR, DK, BE, DE, CH, AT, CY, MT ]; var SpendAllColorsEU5 = [ UK, ES, IT, FR, DE ]; var SpendAllCountries = [ 'Greece', 'Estonia', 'Luxembourg', 'Latvia', 'Poland', 'Czech Republic', 'Romania', 'Lithuania', 'Slovakia', 'Bulgaria', 'Croatia', 'Portugal', 'Hungary', 'UK', 'Slovenia', 'Sweden', 'Iceland', 'Finland', 'Spain', 'Netherlands', 'Ireland', 'Norway', 'Italy', 'France', 'Denmark', 'Belgium', 'Germany', 'Switzerland', 'Austria', 'Cyprus', 'Malta' ]; var SpendAllCountriesEU5 = [ 'UK', 'Spain', 'Italy', 'France', 'Germany' ]; Chart.defaults.scale.gridLines.display = false; // ************************* // ************************* </script> <div class="w3-col m11 w3-white w3-center w3-padding" style="height:520px"> <div class="SpendAllDiv" style="height:500px"> <strong>Spending on cancer medicines - per capita in Euros (2018)</strong> <canvas id="SpendAll"></canvas> </div> </div> <div style="height:30px" class="w3-col m10 w3-text-white">.</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="SpendAllEU5" 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="SpendAllEU28" style="width:5%"> &nbsp; </button><a class="w3-tiny style3">&nbsp;Display EU-28&nbsp;&nbsp;&nbsp; </a> <a href="/data/Spending v2.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Spending v2.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Export to PPT</a> </div> </div> <div style="height:50px" class="w3-col m10 w3-text-white">.</div> <script type="text/javascript"> // Setup the initial chart Chart.defaults.scale.gridLines.display = false; var chartSpendAllData = { labels: SpendAllCountries, datasets: [ { datalabels: { labels: { value: { color: 'green' } } }, label: SpendAllTitle, backgroundColor: SpendAllColors, data: SpendAllData } ] }; // Setup the EU5 chart var chartSpendAllDataEU5 = { labels: SpendAllCountriesEU5, datasets: [ { label: SpendAllTitle, backgroundColor: SpendAllColorsEU5, data: SpendAllDataEU5 } ] }; //Start the first chart on load var ctxSpendAll = document.getElementById("SpendAll"); var SpendAll = new Chart(ctxSpendAll, { // type: 'polarArea', type: 'bar', // try and sto the legend data: chartSpendAllData, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendAll").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) tooltip: true, /* plugins: { datalabels: { align: function(context) { var index = context.dataIndex; var value = context.dataset.data[index]; var invert = Math.abs(value) <= 1; return value < 1 ? 'end' : 'start' }, anchor: 'end', backgroundColor: null, borderColor: null, borderRadius: 4, borderWidth: 1, color: '#223388', font: { size: 11, weight: 600 }, offset: 4, padding: 0, formatter: function(value) { return Math.round(value * 10) / 10 } } }, */ legend: { display: false, labels: { fontColor: 'rgb(255, 99, 132)' } }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); //add event listener to PDF button document.getElementById('download-SpendAll').onclick = function () { var canvasImg = document.getElementById("SpendAll").toDataURL("image/png", 1.0); var doc = new jsPDF(); doc.setFontSize(33); doc.setFillColor(0, 0, 0, 0); doc.rect(10, 10, 150, 160, "F"); doc.addImage(canvasImg, 'png', 10, 10, 200, 100); doc.save('SpendAll.pdf'); }; // Allow chart-type to be changed dynamically document.getElementById('SpendAllEU5').onclick = function () { // Destroy the old chart contents if (window.SpendAll && window.SpendAll !== null) { window.SpendAll.destroy(); }; // Rebuild the new content var SpendAll = document.getElementById('SpendAll').getContext('2d'); window.SpendAll = new Chart(ctxSpendAll, { title: 'test', type: 'bar', data: chartSpendAllDataEU5, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendAll").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) maintainAspectRatio: true, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendAll").style.cursor = 'default'; return; } } }, // end of hover management responsive: true, title: { display: false, text: SpendAllTitle }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); }; document.getElementById('SpendAllEU28').onclick = function () { // Destroy the old chart contents if (window.SpendAll && window.SpendAll !== null) { window.SpendAll.destroy(); }; // Rebuild the new content var SpendAll = document.getElementById('SpendAll').getContext('2d'); window.SpendAll = new Chart(ctxSpendAll, { title: 'test', type: 'bar', data: chartSpendAllData, options: { maintainAspectRatio: false, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendAll").style.cursor = 'default'; return; } } }, // end of hover management legend: true, // Displays the chart title, and suppresses the series titles (countries) maintainAspectRatio: true, // Manage the hover on legend items legend: { display: false, position: 'top', onHover: function (event, legendItem) { document.getElementById("SpendAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("SpendAll").style.cursor = 'default'; return; } } }, // end of hover management responsive: true, title: { display: false, text: SpendAllTitle }, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); }; </script> </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 toggleOverallhealthcare = document.getElementById("toggleOverallhealthcare"); var contentOverallhealthcare = document.getElementById("contentOverallhealthcare"); var count = 1; toggleOverallhealthcare.addEventListener("click", function () { toggleOverallhealthcare.src = "/buttons/prcnt_of_overall_healthcare_budget.jpg"; toggleDirectcost.src = "/buttons/direct_cost_of_cancer_over.jpg"; toggleIndirectcost.src = "/buttons/indirect_cost_of_cancer_over.jpg"; toggleSpend.src = "/buttons/cancer_medecine_spend_over.jpg"; contentOverallhealthcare.style.display = "block"; contentIndirectcost.style.display = "none"; contentDirectcost.style.display = "none"; contentSpend.style.display = "none"; }); // var toggleDirectcost = document.getElementById("toggleDirectcost"); var contentDirectcost = document.getElementById("contentDirectcost"); toggleDirectcost.addEventListener("click", function () { toggleOverallhealthcare.src = "/buttons/prcnt_of_overall_healthcare_budget_over.jpg"; toggleDirectcost.src = "/buttons/direct_cost_of_cancer.jpg"; toggleIndirectcost.src = "/buttons/indirect_cost_of_cancer_over.jpg"; toggleSpend.src = "/buttons/cancer_medecine_spend_over.jpg"; contentOverallhealthcare.style.display = "none"; contentIndirectcost.style.display = "none"; contentDirectcost.style.display = "block"; contentSpend.style.display = "none"; }); // var toggleIndirectcost = document.getElementById("toggleIndirectcost"); var contentIndirectcost = document.getElementById("contentIndirectcost"); toggleIndirectcost.addEventListener("click", function () { toggleOverallhealthcare.src = "/buttons/prcnt_of_overall_healthcare_budget_over.jpg"; toggleDirectcost.src = "/buttons/direct_cost_of_cancer_over.jpg"; toggleIndirectcost.src = "/buttons/indirect_cost_of_cancer.jpg"; toggleSpend.src = "/buttons/cancer_medecine_spend_over.jpg"; contentOverallhealthcare.style.display = "none"; contentIndirectcost.style.display = "block"; contentDirectcost.style.display = "none"; contentSpend.style.display = "none"; }); // var toggleSpend = document.getElementById("toggleSpend"); var contentSpend = document.getElementById("contentSpend"); toggleSpend.addEventListener("click", function () { toggleOverallhealthcare.src = "/buttons/prcnt_of_overall_healthcare_budget_over.jpg"; toggleDirectcost.src = "/buttons/direct_cost_of_cancer_over.jpg"; toggleIndirectcost.src = "/buttons/indirect_cost_of_cancer_over.jpg"; toggleSpend.src = "/buttons/cancer_medecine_spend.jpg"; contentOverallhealthcare.style.display = "none"; contentIndirectcost.style.display = "none"; contentDirectcost.style.display = "none"; contentSpend.style.display = "block"; }); </script> </div> </div> </div> </div> </div> <div > <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div > <h2>MEDICINES UPTAKE </h2> <p>There has been a distinct increase in the number of approved cancer medicines and indications in recent years. Treatments for over 160 indications were approved since 1995. However, variation in cancer medicine uptake across Europe suggests differing levels of patient access to treatment.</p> <p>Countries with a lower GDP recorded around one third to half of the level of uptake (in volume) of the EU-5 countries and other countries with a higher GDP. Among the EU-5, the UK showed a consistent pattern of the lowest level of uptake across the seven cancer types considered in this report, including immunotherapy. France and Germany had the highest level of uptake among the EU-5.</p> <p>For more information on cancer medicines 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>  </p> <!-- THIS IS THE OVERALL CONTAINER FOR THE REST OF THE PAGE --> <div class="w3-row w3-container"> <!-- THIS SETS THE BOX FOR THE TEXT ON THE LEFT THIRD OF THE SCREEN --> <div class="w3-col m3"> <!-- ################################## --> <!-- MAIN TEXT FOR THE MEDICINES SCREEN --> <!-- ################################## --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT TWO THIRDS --> <div class="w3-rest w3-padding-small w3-topbar w3-bottombar w3-leftbar w3-rightbar w3-border-white"> <!-- 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> <!-- 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="button2 w3-col w3-white w3-disabled" 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="button2 w3-col w3-white w3-disabled" 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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="style3"><strong>Breast Cancer Medicines</strong></a> <p> <!-- # include file="efpia_text_inc_breast.shtml" --> </p> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m12"> <script> // ************************* // Coding change is UptakeBreastAll // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var shade1dark = '#c73d0a'; var shade2dark = '#871e0b'; var shade3dark = '#822e0e'; var shade4dark = '#a18a13'; var shade5dark = '#705116'; var shade6dark = '#874d05'; var shade1X = [shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1dark, shade1dark, shade1dark, shade1dark, shade1dark, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1]; var shade2X = [shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2dark, shade2dark, shade2dark, shade2dark, shade2dark, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2]; var shade3X = [shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3dark, shade3dark, shade3dark, shade3dark, shade3dark, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3]; var shade4X = [shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4dark, shade4dark, shade4dark, shade4dark, shade4dark, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4]; var shade5X = [shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5dark, shade5dark, shade5dark, shade5dark, shade5dark, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5]; var shade6X = [shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6dark, shade6dark, shade6dark, shade6dark, shade6dark, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6]; /* =============================================== */ var UptakeBreastAllData1 = [0.3, 1, 0.7, 5.7, 0.3, 0.2, 0.1, 4.4, 2, 0.1, 6.6, 0, 20.3, 16, 9.5, 6.6, 7.8, 0, 21.3, 15.2, 20.4, 2.3, 25, 11.7, 13.6, 18.3, 9, 23]; var UptakeBreastAllData2 = [5.7, 6.7, 0, 2.8, 1.8, 0, 3.3, 9.8, 0.5, 0.3, 8.2, 0, 9.8, 12.2, 10.1, 12.1, 9.1, 0, 16.1, 10.2, 9.7, 12.1, 0, 9.7, 11.4, 11.6, 11.1, 18.1]; var UptakeBreastAllData3 = [0, 0.7, 0, 0.1, 0, 0, 0, 0.8, 0, 0, 2.5, 0, 0, 1.6, 0.1, 1.1, 0.4, 0, 2.5, 0.2, 2.1, 0, 0, 0, 0.1, 4.1, 0.9, 0.9]; var UptakeBreastAllData4 = [24, 24.7, 3.7, 23.3, 25.2, 3.1, 22.1, 32.7, 12.3, 23.1, 30, 0, 36.9, 26, 37.3, 39.9, 35.4, 0, 31.4, 44, 42.5, 56.1, 39.9, 44.7, 37.5, 54.6, 45.2, 42.1]; var UptakeBreastAllData5 = [2, 1.7, 0, 0.9, 0, 0, 0, 2.5, 1.9, 0.1, 2.3, 0, 2.9, 2.7, 2.7, 3.3, 2.2, 0, 3.2, 3.2, 2.1, 3.1, 2.9, 3.6, 1.8, 3.2, 2.4, 3.6]; var UptakeBreastAllSites = ['Bulgaria', 'Croatia', 'Czechia', 'Hungary', 'Latvia', 'Lithuania', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', '', 'France', 'Germany', 'Italy', 'Spain', 'UK', '', 'Austria', 'Belgium', 'Denmark', 'Finland', 'Iceland', 'Ireland', 'Netherlands', 'Norway', 'Sweden', 'Switzerland']; var UptakeBreastAllTitle1 = ['Palbociclib']; var UptakeBreastAllTitle2 = ['Pertuzumab']; var UptakeBreastAllTitle3 = ['Ribociclib']; var UptakeBreastAllTitle4 = ['Trastuzumab']; var UptakeBreastAllTitle5 = ['Trastuzumab emtansine']; var UptakeBreastAllTitle = ["Uptake of medicines in breast cancer expressed as sales in standard weekly dose (SWD) per case, 2018", "(Lower Tier / Middle Tier / Upper Tier)"]; /* =================================================== */ var UptakeBreastAllColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; // ************************* // ************************* </script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m11 w3-white w3-center w3-padding"> <div class="UptakeBreastAllDiv"> <canvas id="UptakeBreastAll"></canvas> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <!-- Tier classifications for Meds charts --> <div class="w3-row style3"> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:37%">LOWER TIER</div> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-grey " style="width:16%">MIDDLE TIER</div> <div class="w3-col w3-text-white" style="width:5%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:33%">UPPER TIER</div> </div> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartUptakeBreastAllData = { labels: UptakeBreastAllSites, datasets: [ { label: UptakeBreastAllTitle1, // fill: true, backgroundColor: shade1X, data: UptakeBreastAllData1 } , { label: UptakeBreastAllTitle2, // fill: true, backgroundColor: shade2X, data: UptakeBreastAllData2 } , { label: UptakeBreastAllTitle3, fill: true, backgroundColor: shade3X, data: UptakeBreastAllData3 } , { label: UptakeBreastAllTitle4, fill: true, backgroundColor: shade4X, data: UptakeBreastAllData4 } , { label: UptakeBreastAllTitle5, fill: true, backgroundColor: shade5X, data: UptakeBreastAllData5 } ] }; var ctxUptakeBreastAll = document.getElementById("UptakeBreastAll"); var UptakeBreastAll = new Chart(ctxUptakeBreastAll, { type: 'bar', data: chartUptakeBreastAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeBreastAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeBreastAll").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, position: 'top', text: UptakeBreastAllTitle }, scales: { xAxes: [ { stacked: true }, // {ticks: {autoSkip: false}} ], yAxes: [ { stacked: true } ] } } }); </script> </div> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is UptakePertuzumab // ************************* var UptakePertuzumabTitle = 'Uptake of PERTUZUMAB in breast cancer expressed as sales in mg per case - Big 5'; var UptakePertuzumabTitle1 = 'France'; var UptakePertuzumabTitle2 = 'Germany'; var UptakePertuzumabTitle3 = 'Italy'; var UptakePertuzumabTitle4 = 'Spain'; var UptakePertuzumabTitle5 = 'UK'; var UptakePertuzumabData1 = [ 0, 0, 0, 0, 0, 2, 246, 606, 954, 1205, 1474 ]; var UptakePertuzumabData2 = [ 0, 0, 0, 0, 0, 159, 445, 809, 1304, 1488, 1836 ]; var UptakePertuzumabData3 = [ 0, 0, 0, 0, 0, 5, 154, 539, 899, 1213, 1519 ]; var UptakePertuzumabData4 = [ 0, 0, 0, 0, 0, 0, 93, 439, 932, 1527, 1811 ]; var UptakePertuzumabData5 = [ 0, 0, 0, 0, 0, 78, 299, 548, 724, 1178, 1372 ]; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var UptakePertuzumabCountries = [ 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 ]; // ************************* // ************************* </script> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-white w3-center w3-padding"> <div class="UptakePertuzumabDiv"> <canvas id="UptakePertuzumab"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="/data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartUptakePertuzumabData = { labels: UptakePertuzumabCountries, datasets: [ { label: UptakePertuzumabTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: UptakePertuzumabData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakePertuzumabTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: UptakePertuzumabData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakePertuzumabTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: UptakePertuzumabData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakePertuzumabTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: UptakePertuzumabData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakePertuzumabTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: UptakePertuzumabData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxUptakePertuzumab = document.getElementById("UptakePertuzumab"); var UptakePertuzumab = new Chart(ctxUptakePertuzumab, { title: 'test', type: 'line', data: chartUptakePertuzumabData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakePertuzumab").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakePertuzumab").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: UptakePertuzumabTitle } } }); </script> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="style3"><strong>Lung Cancer Medicines</strong></a> <p> <!-- # include file="efpia_text_inc_breast.shtml" --> </p> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is UptakeLungAll // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var shade1dark = '#c73d0a'; var shade2dark = '#871e0b'; var shade3dark = '#822e0e'; var shade4dark = '#a18a13'; var shade5dark = '#705116'; var shade6dark = '#874d05'; var shade1X = [shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1dark, shade1dark, shade1dark, shade1dark, shade1dark, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1]; var shade2X = [shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2dark, shade2dark, shade2dark, shade2dark, shade2dark, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2]; var shade3X = [shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3dark, shade3dark, shade3dark, shade3dark, shade3dark, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3]; var shade4X = [shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4dark, shade4dark, shade4dark, shade4dark, shade4dark, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4]; var shade5X = [shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5dark, shade5dark, shade5dark, shade5dark, shade5dark, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5]; var shade6X = [shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6dark, shade6dark, shade6dark, shade6dark, shade6dark, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6]; /* =============================================== */ var UptakeLungAllData1 = [0.5, 0.75, 0.55, 0.22, 1.1, 0.56, 0.3, 0.63, 0.33, 1.17, 0.71, 0, 0.84, 0.91, 0.78, 0.6, 0.69, 0, 1.77, 0.49, 0.07, 0.91, 0, 0.34, 0.42, 0.3, 0.77, 0.88]; var UptakeLungAllData2 = [0.26, 0.24, 0.24, 0.24, 0.15, 0.11, 0.08, 0.97, 0.22, 0.57, 1.12, 0, 0.9, 0.44, 0.68, 0.37, 0.24, 0, 0.59, 0.36, 0.25, 0.59, 0.44, 0.59, 0.3, 0.46, 0.62, 0.79]; var UptakeLungAllData3 = [3.33, 2.29, 0.52, 1.41, 1.1, 0.7, 0.35, 3.26, 1.35, 4, 1.86, 0, 2.46, 0.77, 1.06, 1.13, 0.57, 0, 0.98, 1.46, 2, 2.23, 3.03, 1.83, 1.65, 1.37, 2.78, 1.86]; var UptakeLungAllData4 = [0.88, 0.3, 0.64, 0.89, 0, 1.48, 0.09, 0.89, 0.3, 0.17, 0.9, 0, 1.11, 0.37, 2, 0.84, 0.47, 0, 0.67, 1.62, 0.44, 0.86, 0, 0.12, 0.53, 0.97, 0.39, 0.45]; var UptakeLungAllData5 = [0.17, 0.31, 0.07, 0.15, 0.02, 0.43, 0, 1.07, 0.28, 0.12, 1.71, 0, 1.1, 0.82, 0.87, 0.34, 0.43, 0, 1.85, 0.55, 1.03, 0.13, 0, 0, 1.48, 0.09, 1.59, 2.59]; var UptakeLungAllData6 = [1.44, 2.93, 1.75, 1.99, 0, 2.47, 0.89, 2.51, 2.22, 2.12, 2.61, 0, 5.28, 2.92, 2.69, 7.91, 1.85, 0, 4, 3.55, 2.84, 3.29, 0, 2.65, 3.2, 2.11, 3.91, 6.32]; var UptakeLungAllSites = ['Bulgaria', 'Croatia', 'Czechia', 'Hungary', 'Latvia', 'Lithuania', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', '', 'France', 'Germany', 'Italy', 'Spain', 'UK', '', 'Austria', 'Belgium', 'Denmark', 'Finland', 'Iceland', 'Ireland', 'Netherlands', 'Norway', 'Sweden', 'Switzerland']; var UptakeLungAllTitle1 = ['Afatinib']; var UptakeLungAllTitle2 = ['Crizotinib']; var UptakeLungAllTitle3 = ['Erlotinib']; var UptakeLungAllTitle4 = ['Gefitinib']; var UptakeLungAllTitle5 = ['Osimertinib']; var UptakeLungAllTitle6 = ['Pemetrexed']; var UptakeLungAllTitle = ['Uptake of medicines in lung cancer expressed as sales in standard weekly dose (SWD) per case, 2018', 'Lower Tier Middle Tier Upper Tier']; /* =================================================== */ var UptakeLungAllColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; // ************************* // ************************* </script> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m11 w3-white w3-center w3-padding"> <div class="UptakeLungAllDiv"> <canvas id="UptakeLungAll"></canvas> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <!-- Tier classifications for Meds charts --> <div class="w3-row style3"> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:37%">LOWER TIER</div> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-grey " style="width:16%">MIDDLE TIER</div> <div class="w3-col w3-text-white" style="width:5%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:33%">UPPER TIER</div> </div> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartUptakeLungAllData = { labels: UptakeLungAllSites, datasets: [ { label: UptakeLungAllTitle1, // fill: true, backgroundColor: shade1X, data: UptakeLungAllData1 } , { label: UptakeLungAllTitle2, // fill: true, backgroundColor: shade2X, data: UptakeLungAllData2 } , { label: UptakeLungAllTitle3, fill: true, backgroundColor: shade3X, data: UptakeLungAllData3 } , { label: UptakeLungAllTitle4, fill: true, backgroundColor: shade4X, data: UptakeLungAllData4 } , { label: UptakeLungAllTitle5, fill: true, backgroundColor: shade5X, data: UptakeLungAllData5 } , { label: UptakeLungAllTitle6, fill: true, backgroundColor: shade6X, data: UptakeLungAllData6 } ] }; var ctxUptakeLungAll = document.getElementById("UptakeLungAll"); var UptakeLungAll = new Chart(ctxUptakeLungAll, { type: 'bar', data: chartUptakeLungAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeLungAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeLungAll").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, position: 'top', text: UptakeLungAllTitle }, scales: { xAxes: [ { stacked: true }, // {ticks: {autoSkip: false}} ], yAxes: [ { stacked: true } ] } } }); </script> </div> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeCrizotinib // ************************* var UptakeCrizotinibTitle = 'Uptake of CRIZOTINIB in lung cancer expressed as sales in mg per case - Big 5'; var UptakeCrizotinibTitle1 = 'France'; var UptakeCrizotinibTitle2 = 'Germany'; var UptakeCrizotinibTitle3 = 'Italy'; var UptakeCrizotinibTitle4 = 'Spain'; var UptakeCrizotinibTitle5 = 'UK'; var UptakeCrizotinibData1 = [ 0, 0, 0, 0, 71, 1010, 1462, 1942, 2673, 3141, 3145 ]; var UptakeCrizotinibData2 = [ 0, 0, 0, 0, 27, 481, 865, 1139, 1582, 1871, 1531 ]; var UptakeCrizotinibData3 = [ 0, 0, 0, 0, 0, 0, 0, 910, 1736, 2237, 2368 ]; var UptakeCrizotinibData4 = [ 0, 0, 0, 0, 0, 21, 506, 838, 1171, 1373, 1303 ]; var UptakeCrizotinibData5 = [ 0, 0, 0, 0, 9, 181, 430, 547, 688, 955, 851 ]; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var UptakeCrizotinibCountries = [ 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 ]; // ************************* // ************************* </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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-white w3-center w3-padding"> <div class="UptakeCrizotinibDiv"> <canvas id="UptakeCrizotinib"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="/data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartUptakeCrizotinibData = { labels: UptakeCrizotinibCountries, datasets: [ { label: UptakeCrizotinibTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: UptakeCrizotinibData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeCrizotinibTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: UptakeCrizotinibData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeCrizotinibTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: UptakeCrizotinibData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeCrizotinibTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: UptakeCrizotinibData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeCrizotinibTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: UptakeCrizotinibData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxUptakeCrizotinib = document.getElementById("UptakeCrizotinib"); var UptakeCrizotinib = new Chart(ctxUptakeCrizotinib, { title: 'test', type: 'line', data: chartUptakeCrizotinibData, options: { title: { display: true, text: UptakeCrizotinibTitle } } }); </script> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="style3"><strong>Colon Cancer Medicines</strong></a> <!-- # include file="efpia_text_inc_colon.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m12"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.css" /> <link rel="stylesheet" href="css/efpia_chartjs.css"> <link rel="stylesheet" href="css/w3.css"> <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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeColonAll // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var shade1dark = '#c73d0a'; var shade2dark = '#871e0b'; var shade3dark = '#822e0e'; var shade4dark = '#a18a13'; var shade5dark = '#705116'; var shade6dark = '#874d05'; var shade1X = [shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1dark, shade1dark, shade1dark, shade1dark, shade1dark, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1]; var shade2X = [shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2dark, shade2dark, shade2dark, shade2dark, shade2dark, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2]; var shade3X = [shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3dark, shade3dark, shade3dark, shade3dark, shade3dark, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3]; var shade4X = [shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4dark, shade4dark, shade4dark, shade4dark, shade4dark, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4]; var shade5X = [shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5dark, shade5dark, shade5dark, shade5dark, shade5dark, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5]; var shade6X = [shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6dark, shade6dark, shade6dark, shade6dark, shade6dark, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6]; /* =============================================== */ var UptakeColonAllData1 = [9.64, 6.02, 0.75, 7.71, 2.63, 0.23, 1.76, 4.64, 6.01, 8.93, 4.56, 0, 13.48, 14.04, 8.66, 6.64, 1.02, 0, 18.99, 10.14, 9.85, 12.52, 8.5, 9.59, 7, 5.89, 5.32, 15.28]; var UptakeColonAllData2 = [2.15, 1.84, 1.44, 3.12, 1.33, 0.01, 1.97, 3.32, 0, 2.58, 3.69, 0, 5.97, 3.16, 2.36, 3.67, 2.06, 0, 4.49, 5.45, 3.02, 1.86, 2.81, 2.42, 0.53, 1.51, 0.67, 4.06]; var UptakeColonAllData3 = [2.18, 1.28, 0.02, 1.93, 0.55, 0, 1.12, 0.69, 0.86, 0.13, 1.1, 0, 2.37, 1.94, 1.75, 1.55, 0.56, 0, 1.89, 2.26, 1.15, 2.88, 1.12, 1.35, 1.19, 1.98, 2.26, 1.68]; var UptakeColonAllData4 = []; var UptakeColonAllData5 = []; var UptakeColonAllSites = ['Bulgaria', 'Croatia', 'Czechia', 'Hungary', 'Latvia', 'Lithuania', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', '', 'France', 'Germany', 'Italy', 'Spain', 'UK', '', 'Austria', 'Belgium', 'Denmark', 'Finland', 'Iceland', 'Ireland', 'Netherlands', 'Norway', 'Sweden', 'Switzerland']; var UptakeColonAllTitle1 = ['Bevacizumab']; var UptakeColonAllTitle2 = ['Cetuximab']; var UptakeColonAllTitle3 = ['Panitumumab']; var UptakeColonAllTitle4 = ['']; var UptakeColonAllTitle5 = ['']; var UptakeColonAllTitle = ['Uptake of medicines in colorectal cancer expressed as sales in standard weekly dose (SWD) per case, 2018', 'Lower Tier Middle Tier Upper Tier']; /* =================================================== */ var UptakeColonAllColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; // ************************* // ************************* </script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 m11 w3-white w3-center w3-padding"> <div class="UptakeColonAllDiv"> <canvas id="UptakeColonAll"></canvas> <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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <!-- Tier classifications for Meds charts --> <div class="w3-row style3"> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:37%">LOWER TIER</div> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-grey " style="width:16%">MIDDLE TIER</div> <div class="w3-col w3-text-white" style="width:5%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:33%">UPPER TIER</div> </div> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartUptakeColonAllData = { labels: UptakeColonAllSites, datasets: [ { label: UptakeColonAllTitle1, // fill: true, backgroundColor: shade1X, data: UptakeColonAllData1 } , { label: UptakeColonAllTitle2, // fill: true, backgroundColor: shade2X, data: UptakeColonAllData2 } , { label: UptakeColonAllTitle3, fill: true, backgroundColor: shade3X, data: UptakeColonAllData3 } , { label: UptakeColonAllTitle4, fill: true, backgroundColor: shade4X, data: UptakeColonAllData4 } , { label: UptakeColonAllTitle5, fill: true, backgroundColor: shade5X, data: UptakeColonAllData5 } ] }; var ctxUptakeColonAll = document.getElementById("UptakeColonAll"); var UptakeColonAll = new Chart(ctxUptakeColonAll, { type: 'bar', data: chartUptakeColonAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeColonAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeColonAll").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, position: 'top', text: UptakeColonAllTitle }, scales: { xAxes: [ { stacked: true }, // {ticks: {autoSkip: false}} ], yAxes: [ { stacked: true } ] } } }); </script> </div> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeBevacizumab // ************************* var UptakeBevacizumabTitle = 'Uptake of BEVACIZUMAB in colorectal cancer expressed as sales in mg per case - Big 5'; var UptakeBevacizumabTitle1 = 'France'; var UptakeBevacizumabTitle2 = 'Germany'; var UptakeBevacizumabTitle3 = 'Italy'; var UptakeBevacizumabTitle4 = 'Spain'; var UptakeBevacizumabTitle5 = 'UK'; var UptakeBevacizumabData1 = [ 4883, 5737, 5816, 4980, 5196, 5600, 5716, 6263, 6542, 5499, 5392 ]; var UptakeBevacizumabData2 = [ 1524, 1882, 3690, 3254, 3981, 5450, 5440, 5798, 6027, 5907, 5616 ]; var UptakeBevacizumabData3 = [ 1269, 1985, 2134, 2078, 2112, 2377, 2711, 3302, 3427, 3668, 3464 ]; var UptakeBevacizumabData4 = [ 1989, 2923, 3366, 2691, 2499, 2552, 2677, 2944, 3130, 2863, 2655 ]; var UptakeBevacizumabData5 = [ 181, 208, 202, 417, 654, 954, 1161, 1061, 654, 481, 408 ]; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var UptakeBevacizumabCountries = [ 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 ]; // ************************* // ************************* </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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-white w3-center w3-padding"> <div class="UptakeBevacizumabDiv"> <canvas id="UptakeBevacizumab"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="/data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartUptakeBevacizumabData = { labels: UptakeBevacizumabCountries, datasets: [ { label: UptakeBevacizumabTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: UptakeBevacizumabData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeBevacizumabTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: UptakeBevacizumabData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeBevacizumabTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: UptakeBevacizumabData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeBevacizumabTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: UptakeBevacizumabData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeBevacizumabTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: UptakeBevacizumabData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxUptakeBevacizumab = document.getElementById("UptakeBevacizumab"); var UptakeBevacizumab = new Chart(ctxUptakeBevacizumab, { title: 'test', type: 'line', data: chartUptakeBevacizumabData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeBevacizumab").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeBevacizumab").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: UptakeBevacizumabTitle } } }); </script> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="style3"><strong>Prostate Cancer Medicines</strong></a> <!-- # include file="efpia_text_inc_prostate.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeProstateAll // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var shade1dark = '#c73d0a'; var shade2dark = '#871e0b'; var shade3dark = '#822e0e'; var shade4dark = '#a18a13'; var shade5dark = '#705116'; var shade6dark = '#874d05'; var shade1X = [shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1dark, shade1dark, shade1dark, shade1dark, shade1dark, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1]; var shade2X = [shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2dark, shade2dark, shade2dark, shade2dark, shade2dark, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2]; var shade3X = [shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3dark, shade3dark, shade3dark, shade3dark, shade3dark, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3]; var shade4X = [shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4dark, shade4dark, shade4dark, shade4dark, shade4dark, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4]; var shade5X = [shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5dark, shade5dark, shade5dark, shade5dark, shade5dark, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5]; var shade6X = [shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6dark, shade6dark, shade6dark, shade6dark, shade6dark, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6]; /* =============================================== */ var UptakeProstateAllData1 = [10.9, 5.62, 0, 7.95, 9.25, 15.23, 6.62, 10.21, 7.42, 10.34, 9.4, 0, 30.22, 27.51, 22.07, 17.65, 10.61, 0, 24.13, 24.53, 13.37, 16.99, 2.16, 33.55, 10.62, 9.4, 8.79, 20.8]; var UptakeProstateAllData2 = [16.7, 6.99, 10.09, 4.26, 0.02, 0, 2.19, 10.07, 7.07, 10.22, 15.42, 0, 30.27, 22.62, 17.22, 12.55, 16.06, 0, 30.25, 27.35, 35.95, 39.56, 27.24, 18.32, 30.43, 28.52, 28.26, 24.71]; var UptakeProstateAllData3 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeProstateAllData4 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeProstateAllData5 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeProstateAllData6 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeProstateAllSites = ['Bulgaria', 'Croatia', 'Czechia', 'Hungary', 'Latvia', 'Lithuania', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', '', 'France', 'Germany', 'Italy', 'Spain', 'UK', '', 'Austria', 'Belgium', 'Denmark', 'Finland', 'Iceland', 'Ireland', 'Netherlands', 'Norway', 'Sweden', 'Switzerland']; var UptakeProstateAllTitle1 = ['Abiraterone acetate']; var UptakeProstateAllTitle2 = ['Enzalutamide']; var UptakeProstateAllTitle3 = ['']; var UptakeProstateAllTitle4 = ['']; var UptakeProstateAllTitle5 = ['']; var UptakeProstateAllTitle6 = ['']; var UptakeProstateAllTitle = ['Uptake of medicines in prostate cancer expressed as sales in standard weekly dose (SWD) per case, 2018', 'Lower Tier Middle Tier Upper Tier']; /* =================================================== */ var UptakeProstateAllColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; // ************************* // ************************* </script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <div class="w3-col m11 w3-white w3-center w3-padding"> <div class="UptakeProstateAllDiv"> <canvas id="UptakeProstateAll"></canvas> <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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <!-- Tier classifications for Meds charts --> <div class="w3-row style3"> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:37%">LOWER TIER</div> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-grey " style="width:16%">MIDDLE TIER</div> <div class="w3-col w3-text-white" style="width:5%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:33%">UPPER TIER</div> </div> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartUptakeProstateAllData = { labels: UptakeProstateAllSites, datasets: [ { label: UptakeProstateAllTitle1, // fill: true, backgroundColor: shade1X, data: UptakeProstateAllData1 } , { label: UptakeProstateAllTitle2, // fill: true, backgroundColor: shade2X, data: UptakeProstateAllData2 } /* , { label: UptakeProstateAllTitle3, fill: true, backgroundColor: shade3X, data: UptakeProstateAllData3 } , { label: UptakeProstateAllTitle4, fill: true, backgroundColor: shade4X, data: UptakeProstateAllData4 } , { label: UptakeProstateAllTitle5, fill: true, backgroundColor: shade5X, data: UptakeProstateAllData5 } , { label: UptakeProstateAllTitle6, fill: true, backgroundColor: shade6X, data: UptakeProstateAllData6 } */ ] }; var ctxUptakeProstateAll = document.getElementById("UptakeProstateAll"); var UptakeProstateAll = new Chart(ctxUptakeProstateAll, { type: 'bar', data: chartUptakeProstateAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeProstateAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeProstateAll").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, position: 'top', text: UptakeProstateAllTitle }, scales: { xAxes: [ { stacked: true }, // {ticks: {autoSkip: false}} ], yAxes: [ { stacked: true } ] } } }); </script> </div> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is UptakeEnzalutamide // ************************* var UptakeEnzalutamideTitle = 'Uptake of ENZALUTAMIDE in prostate cancer expressed as sales in mg per case - Big 5'; var UptakeEnzalutamideTitle1 = 'France'; var UptakeEnzalutamideTitle2 = 'Germany'; var UptakeEnzalutamideTitle3 = 'Italy'; var UptakeEnzalutamideTitle4 = 'Spain'; var UptakeEnzalutamideTitle5 = 'UK'; var UptakeEnzalutamideData1 = [ 0, 0, 0, 0, 0, 574, 8412, 15438, 26243, 31430, 33899 ]; var UptakeEnzalutamideData2 = [ 0, 0, 0, 0, 0, 1089, 6139, 14877, 21621, 24111, 25335 ]; var UptakeEnzalutamideData3 = [ 0, 0, 0, 0, 0, 0, 275, 2812, 7632, 14432, 19287 ]; var UptakeEnzalutamideData4 = [ 0, 0, 0, 0, 0, 0, 95, 3042, 9084, 11315, 14060 ]; var UptakeEnzalutamideData5 = [ 0, 0, 0, 0, 0, 367, 3414, 11004, 15963, 18221, 17983 ]; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var UptakeEnzalutamideCountries = [ 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 ]; // ************************* // ************************* </script> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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-white w3-center w3-padding"> <div class="UptakeEnzalutamideDiv"> <canvas id="UptakeEnzalutamide"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="/data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartUptakeEnzalutamideData = { labels: UptakeEnzalutamideCountries, datasets: [ { label: UptakeEnzalutamideTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: UptakeEnzalutamideData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeEnzalutamideTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: UptakeEnzalutamideData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeEnzalutamideTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: UptakeEnzalutamideData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeEnzalutamideTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: UptakeEnzalutamideData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeEnzalutamideTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: UptakeEnzalutamideData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxUptakeEnzalutamide = document.getElementById("UptakeEnzalutamide"); var UptakeEnzalutamide = new Chart(ctxUptakeEnzalutamide, { title: 'test', type: 'line', data: chartUptakeEnzalutamideData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeEnzalutamide").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeEnzalutamide").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: UptakeEnzalutamideTitle } } }); //add event listener to PDF button document.getElementById('download-UptakeEnzalutamide').onclick = function () { var canvasImg = document.getElementById("UptakeEnzalutamide").toDataURL("image/png", 1.0); var doc = new jsPDF(); doc.setFontSize(33); doc.setFillColor(0, 0, 0, 0); doc.rect(10, 10, 150, 160, "F"); doc.addImage(canvasImg, 'png', 10, 10, 200, 100); doc.save('UptakeEnzalutamide.pdf'); }; </script> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="style3"><strong>Melanoma Medicines</strong></a> <!-- # include file="efpia_text_inc_melanoma.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeMelanomaAll // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var shade1dark = '#c73d0a'; var shade2dark = '#871e0b'; var shade3dark = '#822e0e'; var shade4dark = '#a18a13'; var shade5dark = '#705116'; var shade6dark = '#874d05'; var shade1X = [shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1dark, shade1dark, shade1dark, shade1dark, shade1dark, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1]; var shade2X = [shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2dark, shade2dark, shade2dark, shade2dark, shade2dark, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2]; var shade3X = [shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3dark, shade3dark, shade3dark, shade3dark, shade3dark, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3]; var shade4X = [shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4dark, shade4dark, shade4dark, shade4dark, shade4dark, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4]; var shade5X = [shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5dark, shade5dark, shade5dark, shade5dark, shade5dark, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5]; var shade6X = [shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6dark, shade6dark, shade6dark, shade6dark, shade6dark, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6]; /* =============================================== */ var UptakeMelanomaAllData1 = [0, 6.3, 0, 0, 2.56, 4.39, 2.03, 3.03, 0, 0.9, 3.15, 0, 3.74, 2.28, 2.93, 2.75, 0.25, 0, 2.03, 0.09, 0.8, 0, 1.33, 0.42, 1.83, 0.48, 0.06, 3.02]; var UptakeMelanomaAllData2 = [13.04, 6.47, 7.58, 14.15, 0, 11.82, 6.07, 8.41, 26.61, 8.06, 9.9, 0, 21.49, 14.92, 21.49, 14.4, 11.99, 0, 27.96, 23.4, 15.76, 14.09, 7.14, 12.99, 16.51, 8.61, 13.87, 14.47]; var UptakeMelanomaAllData3 = [0.6, 0, 0, 0.18, 0.27, 1.65, 0.66, 0.52, 0.87, 0, 0.28, 0, 1.54, 4.57, 0.76, 1.66, 3.1, 0, 3.87, 3.92, 4.32, 0.09, 4.51, 3.2, 3.93, 1.27, 1.49, 4.2]; var UptakeMelanomaAllData4 = [0, 6.08, 5.04, 0.39, 0, 2.43, 5.9, 7.26, 20.4, 5.26, 9.98, 0, 19.37, 13.76, 14.12, 12.88, 10.84, 0, 21.74, 14.15, 15.62, 8.12, 3.81, 9.81, 15.22, 8.43, 13.01, 14.93]; var UptakeMelanomaAllData5 = [4.77, 5.66, 0.14, 4.21, 6.99, 18.25, 2.58, 3.01, 0.4, 1.06, 3.37, 0, 3.81, 2.49, 4.7, 2.95, 0.58, 0, 1.7, 1.22, 0.96, 1.59, 0.89, 1.09, 2.33, 0.67, 0.13, 2.93]; var UptakeMelanomaAllData6 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeMelanomaAllSites = ['Bulgaria', 'Croatia', 'Czechia', 'Hungary', 'Latvia', 'Lithuania', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', '', 'France', 'Germany', 'Italy', 'Spain', 'UK', '', 'Austria', 'Belgium', 'Denmark', 'Finland', 'Iceland', 'Ireland', 'Netherlands', 'Norway', 'Sweden', 'Switzerland']; var UptakeMelanomaAllTitle1 = ['Cobimetinib']; var UptakeMelanomaAllTitle2 = ['Dabrafenib']; var UptakeMelanomaAllTitle3 = ['Ipilimumab']; var UptakeMelanomaAllTitle4 = ['Trametinib']; var UptakeMelanomaAllTitle5 = ['Vemurafenib']; var UptakeMelanomaAllTitle6 = ['']; var UptakeMelanomaAllTitle = ['Uptake of medicines in malignant melanoma expressed as sales in standard weekly dose (SWD) per case, 2018', 'Lower Tier Middle Tier Upper Tier']; /* =================================================== */ var UptakeMelanomaAllColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; // ************************* // ************************* </script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 m11 w3-white w3-center w3-padding"> <div class="UptakeMelanomaAllDiv"> <canvas id="UptakeMelanomaAll"></canvas> <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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <!-- Tier classifications for Meds charts --> <div class="w3-row style3"> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:37%">LOWER TIER</div> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-grey " style="width:16%">MIDDLE TIER</div> <div class="w3-col w3-text-white" style="width:5%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:33%">UPPER TIER</div> </div> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartUptakeMelanomaAllData = { labels: UptakeMelanomaAllSites, datasets: [ { label: UptakeMelanomaAllTitle1, // fill: true, backgroundColor: shade1X, data: UptakeMelanomaAllData1 } , { label: UptakeMelanomaAllTitle2, // fill: true, backgroundColor: shade2X, data: UptakeMelanomaAllData2 } , { label: UptakeMelanomaAllTitle3, fill: true, backgroundColor: shade3X, data: UptakeMelanomaAllData3 } , { label: UptakeMelanomaAllTitle4, fill: true, backgroundColor: shade4X, data: UptakeMelanomaAllData4 } , { label: UptakeMelanomaAllTitle5, fill: true, backgroundColor: shade5X, data: UptakeMelanomaAllData5 } /* , { label: UptakeMelanomaAllTitle6, fill: true, backgroundColor: shade6X, data: UptakeMelanomaAllData6 } */ ] }; var ctxUptakeMelanomaAll = document.getElementById("UptakeMelanomaAll"); var UptakeMelanomaAll = new Chart(ctxUptakeMelanomaAll, { type: 'bar', data: chartUptakeMelanomaAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeMelanomaAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeMelanomaAll").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, position: 'top', text: UptakeMelanomaAllTitle }, scales: { xAxes: [ { stacked: true }, // {ticks: {autoSkip: false}} ], yAxes: [ { stacked: true } ] } } }); </script> </div> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeIpilimumab // ************************* var UptakeIpilimumabTitle = 'Uptake of IPILIMUMAB in malignant melanoma expressed as sales in mg per case - Big 5'; var UptakeIpilimumabTitle1 = 'France'; var UptakeIpilimumabTitle2 = 'Germany'; var UptakeIpilimumabTitle3 = 'Italy'; var UptakeIpilimumabTitle4 = 'Spain'; var UptakeIpilimumabTitle5 = 'UK'; var UptakeIpilimumabData1 = [ 0, 0, 0, 209, 158, 228, 419, 236, 199, 214, 123 ]; var UptakeIpilimumabData2 = [ 0, 0, 0, 51, 149, 222, 341, 267, 200, 295, 366 ]; var UptakeIpilimumabData3 = [ 0, 0, 0, 0, 0, 200, 333, 487, 196, 47, 61 ]; var UptakeIpilimumabData4 = [ 0, 0, 0, 0, 3, 79, 137, 258, 90, 87, 133 ]; var UptakeIpilimumabData5 = [ 0, 0, 0, 12, 97, 147, 270, 349, 113, 211, 248 ]; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var UptakeIpilimumabCountries = [ 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 ]; // ************************* // ************************* </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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-white w3-center w3-padding"> <div class="UptakeIpilimumabDiv"> <canvas id="UptakeIpilimumab"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="/data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartUptakeIpilimumabData = { labels: UptakeIpilimumabCountries, datasets: [ { label: UptakeIpilimumabTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: UptakeIpilimumabData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeIpilimumabTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: UptakeIpilimumabData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeIpilimumabTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: UptakeIpilimumabData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeIpilimumabTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: UptakeIpilimumabData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeIpilimumabTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: UptakeIpilimumabData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxUptakeIpilimumab = document.getElementById("UptakeIpilimumab"); var UptakeIpilimumab = new Chart(ctxUptakeIpilimumab, { title: 'test', type: 'line', data: chartUptakeIpilimumabData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeIpilimumab").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeIpilimumab").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: UptakeIpilimumabTitle } } }); </script> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>Leukaemia Medicines</strong></a> <!-- # include file="efpia_text_inc_lymphoid.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m10"> No data available <!-- # include file="efpia_chartjs_uptake_immune.shtml" --> </div> <div class="w3-col m6 w3-text-white"> . </div> <p></p> <!-- # include file="efpia_ref_uptake.shtml" --> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="style3"><strong>Ovarian Cancer Medicines</strong></a> <!-- # include file="efpia_text_inc_ovary.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 type="text/javascript"> Chart.defaults.global.defaultFontColor = 'black'; Chart.defaults.global.defaultFontSize = 14; </script> <script> // ************************* // Coding change is UptakeOvaryAll // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var shade1dark = '#c73d0a'; var shade2dark = '#871e0b'; var shade3dark = '#822e0e'; var shade4dark = '#a18a13'; var shade5dark = '#705116'; var shade6dark = '#874d05'; var shade1X = [shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1dark, shade1dark, shade1dark, shade1dark, shade1dark, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1]; var shade2X = [shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2dark, shade2dark, shade2dark, shade2dark, shade2dark, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2]; var shade3X = [shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3dark, shade3dark, shade3dark, shade3dark, shade3dark, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3]; var shade4X = [shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4dark, shade4dark, shade4dark, shade4dark, shade4dark, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4]; var shade5X = [shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5dark, shade5dark, shade5dark, shade5dark, shade5dark, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5]; var shade6X = [shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6dark, shade6dark, shade6dark, shade6dark, shade6dark, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6]; /* =============================================== */ var UptakeOvaryAllData1 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.97, 2.8, 0.12, 0, 1.02, 0, 1.19, 0, 0.3, 0, 0, 0, 0, 0, 0.02, 0.09]; var UptakeOvaryAllData2 = [3.37, 3.15, 0.73, 1.66, 1.37, 2.88, 0, 3.5, 3.47, 1.56, 9.41, 0, 5.77, 5.45, 6.23, 5.95, 2.02, 0, 5.63, 7.05, 4.84, 1.71, 5.07, 3.73, 3.05, 5.29, 5.08, 8.78]; var UptakeOvaryAllData3 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeOvaryAllData4 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeOvaryAllData5 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeOvaryAllData6 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeOvaryAllSites = ['Bulgaria', 'Croatia', 'Czechia', 'Hungary', 'Latvia', 'Lithuania', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', '', 'France', 'Germany', 'Italy', 'Spain', 'UK', '', 'Austria', 'Belgium', 'Denmark', 'Finland', 'Iceland', 'Ireland', 'Netherlands', 'Norway', 'Sweden', 'Switzerland']; var UptakeOvaryAllTitle1 = ['Niraparib']; var UptakeOvaryAllTitle2 = ['Olaparib']; var UptakeOvaryAllTitle3 = ['']; var UptakeOvaryAllTitle4 = ['']; var UptakeOvaryAllTitle5 = ['']; var UptakeOvaryAllTitle6 = ['']; var UptakeOvaryAllTitle = ['Uptake of medicines in ovarian cancer expressed as sales in standard weekly dose (SWD) per case, 2018', 'Lower Tier Middle Tier Upper Tier']; /* =================================================== */ var UptakeOvaryAllColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; // ************************* // ************************* </script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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 m11 w3-white w3-center w3-padding"> <div class="UptakeOvaryAllDiv"> <canvas id="UptakeOvaryAll"></canvas> <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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <!-- Tier classifications for Meds charts --> <div class="w3-row style3"> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:37%">LOWER TIER</div> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-grey " style="width:16%">MIDDLE TIER</div> <div class="w3-col w3-text-white" style="width:5%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:33%">UPPER TIER</div> </div> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartUptakeOvaryAllData = { labels: UptakeOvaryAllSites, datasets: [ { label: UptakeOvaryAllTitle1, // fill: true, backgroundColor: shade1X, data: UptakeOvaryAllData1 } , { label: UptakeOvaryAllTitle2, // fill: true, backgroundColor: shade2X, data: UptakeOvaryAllData2 } /* , { label: UptakeOvaryAllTitle3, fill: true, backgroundColor: shade3X, data: UptakeOvaryAllData3 } , { label: UptakeOvaryAllTitle4, fill: true, backgroundColor: shade4X, data: UptakeOvaryAllData4 } , { label: UptakeOvaryAllTitle5, fill: true, backgroundColor: shade5X, data: UptakeOvaryAllData5 } , { label: UptakeOvaryAllTitle6, fill: true, backgroundColor: shade6X, data: UptakeOvaryAllData6 } */ ] }; var ctxUptakeOvaryAll = document.getElementById("UptakeOvaryAll"); var UptakeOvaryAll = new Chart(ctxUptakeOvaryAll, { type: 'bar', data: chartUptakeOvaryAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeOvaryAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeOvaryAll").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, position: 'top', text: UptakeOvaryAllTitle }, scales: { xAxes: [ { stacked: true }, // {ticks: {autoSkip: false}} ], yAxes: [ { stacked: true } ] } } }); </script> </div> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeOlaparib // ************************* var UptakeOlaparibTitle = 'Uptake of OLAPARIB in ovarian cancer expressed as sales in mg per case - Big 5'; var UptakeOlaparibTitle1 = 'France'; var UptakeOlaparibTitle2 = 'Germany'; var UptakeOlaparibTitle3 = 'Italy'; var UptakeOlaparibTitle4 = 'Spain'; var UptakeOlaparibTitle5 = 'UK'; var UptakeOlaparibData1 = [ 0, 0, 0, 0, 0, 0, 0, 5976, 16789, 22635, 32321 ]; var UptakeOlaparibData2 = [ 0, 0, 0, 0, 0, 0, 0, 4726, 15885, 24431, 30523 ]; var UptakeOlaparibData3 = [ 0, 0, 0, 0, 0, 0, 0, 1359, 10735, 24051, 34880 ]; var UptakeOlaparibData4 = [ 0, 0, 0, 0, 0, 0, 0, 0, 12548, 27713, 33310 ]; var UptakeOlaparibData5 = [ 0, 0, 0, 0, 0, 0, 0, 792, 5197, 8076, 11313 ]; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var UptakeOlaparibCountries = [ 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 ]; // ************************* // ************************* </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <!-- 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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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-white w3-center w3-padding"> <div class="UptakeOlaparibDiv"> <canvas id="UptakeOlaparib"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartUptakeOlaparibData = { labels: UptakeOlaparibCountries, datasets: [ { label: UptakeOlaparibTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: UptakeOlaparibData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeOlaparibTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: UptakeOlaparibData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeOlaparibTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: UptakeOlaparibData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeOlaparibTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: UptakeOlaparibData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeOlaparibTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: UptakeOlaparibData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxUptakeOlaparib = document.getElementById("UptakeOlaparib"); var UptakeOlaparib = new Chart(ctxUptakeOlaparib, { title: 'test', type: 'line', data: chartUptakeOlaparibData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeOlaparib").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeOlaparib").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: UptakeOlaparibTitle } } }); </script> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>Hodgkins Lymphome Medicines</strong></a> <!-- # include file="efpia_text_inc_hodgkins.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m6"> <!-- # include file="efpia_chartjs_uptake_lung.shtml" --> </div> <div class="w3-col m6"> <!-- # include file="efpia_chartjs_uptake_crizotinib.shtml" --> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>NHL Medicines</strong></a> <!-- # include file="efpia_text_inc_nhl.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m6"> <!-- # include file="efpia_chartjs_uptake_lung.shtml" --> </div> <div class="w3-col m6"> <!-- # include file="efpia_chartjs_uptake_crizotinib.shtml" --> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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 m12 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 Medicines</strong></a> <!-- # include file="efpia_text_inc_pancreas.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m6"> </div> <div class="w3-col m6"> </div> <p></p> <!-- # include file="efpia_ref_uptake.shtml" --> </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 m12 w3-padding w3-left-align w3-padding-left w3-padding-right style2" id="narrative"> <a class="w3-text-efpia-green w3-large"><strong>MYELOMA INCIDENCE, 2018</strong></a> <!-- # include file="efpia_text_inc_myeloma.shtml" --> </div> <!-- THIS SETS THE BOX FOR THE CHARTS ON THE RIGHT PART OF THE SCREEN --> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeMyelomaAll // ************************* var shade1 = '#FF7F50'; var shade2 = '#FF6347'; var shade3 = '#FF4500'; var shade4 = '#FFD700'; var shade5 = '#FFA500'; var shade6 = '#FF8C00'; var shade1dark = '#c73d0a'; var shade2dark = '#871e0b'; var shade3dark = '#822e0e'; var shade4dark = '#a18a13'; var shade5dark = '#705116'; var shade6dark = '#874d05'; var shade1X = [shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1dark, shade1dark, shade1dark, shade1dark, shade1dark, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1, shade1]; var shade2X = [shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2dark, shade2dark, shade2dark, shade2dark, shade2dark, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2, shade2]; var shade3X = [shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3dark, shade3dark, shade3dark, shade3dark, shade3dark, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3, shade3]; var shade4X = [shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4dark, shade4dark, shade4dark, shade4dark, shade4dark, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4, shade4]; var shade5X = [shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5dark, shade5dark, shade5dark, shade5dark, shade5dark, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5, shade5]; var shade6X = [shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6dark, shade6dark, shade6dark, shade6dark, shade6dark, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6, shade6]; /* =============================================== */ var UptakeMyelomaAllData1 = [20.82, 16.36, 15.4, 18.84, 8.98, 13.76, 10.15, 8.75, 19.99, 14.65, 10.15, 0, 18.9, 12.58, 10.47, 15.67, 12.25, 0, 12.56, 15.28, 19.01, 20.27, 22.38, 17.63, 12.69, 20.29, 16.19, 17.07]; var UptakeMyelomaAllData2 = [5.89, 0, 0, 3.73, 0, 0, 0, 1.65, 24.02, 1.16, 7.61, 0, 2.01, 10.8, 15.56, 7.66, 4.21, 0, 17.4, 16.98, 10.63, 20.92, 11.66, 2.01, 11.09, 15.77, 21.11, 18.96]; var UptakeMyelomaAllData3 = [0, 0, 0, 4.57, 0, 0.29, 0.06, 2.8, 1.11, 0.62, 2.32, 0, 8.37, 18.33, 6.36, 8.22, 5.35, 0, 19.2, 19.99, 54.78, 6.95, 21.83, 13.48, 7.97, 14.91, 7.54, 17.35]; var UptakeMyelomaAllData4 = [0.02, 13.87, 31.58, 33.55, 0.02, 8.83, 20.65, 18.83, 0, 33.63, 26.72, 0, 55.43, 40.97, 38.39, 46.37, 30.9, 0, 60.02, 59.12, 40.49, 48.37, 77.47, 60.53, 26.14, 51.46, 50.95, 73.89]; var UptakeMyelomaAllData5 = [0, 20.76, 33.31, 8.6, 0, 0, 0, 10.04, 0, 13.02, 29.37, 0, 88.46, 34.63, 51.37, 39.81, 51.42, 0, 120.75, 83.33, 80.45, 23.74, 176.77, 196.99, 20.11, 88.89, 91.05, 104.21]; var UptakeMyelomaAllData6 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var UptakeMyelomaAllSites = ['Bulgaria', 'Croatia', 'Czechia', 'Hungary', 'Latvia', 'Lithuania', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', '', 'France', 'Germany', 'Italy', 'Spain', 'UK', '', 'Austria', 'Belgium', 'Denmark', 'Finland', 'Iceland', 'Ireland', 'Netherlands', 'Norway', 'Sweden', 'Switzerland']; var UptakeMyelomaAllTitle1 = ['Bortezomib']; var UptakeMyelomaAllTitle2 = ['Carfilzomib']; var UptakeMyelomaAllTitle3 = ['Daratumumab']; var UptakeMyelomaAllTitle4 = ['Lenalidomide']; var UptakeMyelomaAllTitle5 = ['Pomalidomide']; var UptakeMyelomaAllTitle6 = ['']; var UptakeMyelomaAllTitle = ['Uptake of medicines in multiple myeloma expressed as sales in standard weekly dose (SWD) per case, 2018', 'Lower Tier Middle Tier Upper Tier']; /* =================================================== */ var UptakeMyelomaAllColors = [ CY, IS, RO, PL, BG, CY, IS, RO, PL, BG, CY, IS, RO, PL, BG ]; // ************************* // ************************* </script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.js"></script> <!-- 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> <div class="w3-col m11 w3-white w3-center w3-padding"> <div class="UptakeMyelomaAllDiv"> <canvas id="UptakeMyelomaAll"></canvas> <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> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <!-- Tier classifications for Meds charts --> <div class="w3-row style3"> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:37%">LOWER TIER</div> <div class="w3-col w3-text-white" style="width:4%">-</div> <div class="w3-col w3-small w3-grey " style="width:16%">MIDDLE TIER</div> <div class="w3-col w3-text-white" style="width:5%">-</div> <div class="w3-col w3-small w3-light-grey" style="width:33%">UPPER TIER</div> </div> </div> </div> <script type="text/javascript"> // Draw the initial chart var chartUptakeMyelomaAllData = { labels: UptakeMyelomaAllSites, datasets: [ { label: UptakeMyelomaAllTitle1, // fill: true, backgroundColor: shade1X, data: UptakeMyelomaAllData1 } , { label: UptakeMyelomaAllTitle2, // fill: true, backgroundColor: shade2X, data: UptakeMyelomaAllData2 } , { label: UptakeMyelomaAllTitle3, fill: true, backgroundColor: shade3X, data: UptakeMyelomaAllData3 } , { label: UptakeMyelomaAllTitle4, fill: true, backgroundColor: shade4X, data: UptakeMyelomaAllData4 } , { label: UptakeMyelomaAllTitle5, fill: true, backgroundColor: shade5X, data: UptakeMyelomaAllData5 } /* , { label: UptakeMyelomaAllTitle6, fill: true, backgroundColor: shade6X, data: UptakeMyelomaAllData6 } */ ] }; var ctxUptakeMyelomaAll = document.getElementById("UptakeMyelomaAll"); var UptakeMyelomaAll = new Chart(ctxUptakeMyelomaAll, { type: 'bar', data: chartUptakeMyelomaAllData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeMyelomaAll").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeMyelomaAll").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, position: 'top', text: UptakeMyelomaAllTitle }, scales: { xAxes: [ { stacked: true }, // {ticks: {autoSkip: false}} ], yAxes: [ { stacked: true } ] } } }); </script> </div> <div class="w3-col m12"> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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> <script> // ************************* // Coding change is UptakeLenalidomide // ************************* var UptakeLenalidomideTitle = 'Uptake of LENALIDOMIDE in multiple myeloma expressed as sales in mg per case - Big 5'; var UptakeLenalidomideTitle1 = 'France'; var UptakeLenalidomideTitle2 = 'Germany'; var UptakeLenalidomideTitle3 = 'Italy'; var UptakeLenalidomideTitle4 = 'Spain'; var UptakeLenalidomideTitle5 = 'UK'; var UptakeLenalidomideData1 = [ 2305, 2583, 2862, 2754, 2926, 2878, 3069, 3699, 4701, 5403, 7206 ]; var UptakeLenalidomideData2 = [ 985, 1085, 1379, 1679, 1860, 2039, 2286, 2691, 3500, 4287, 5326 ]; var UptakeLenalidomideData3 = [ 382, 1005, 1404, 1806, 2004, 2169, 2456, 2838, 3301, 4237, 4991 ]; var UptakeLenalidomideData4 = [ 361, 783, 2088, 2570, 2798, 2812, 3229, 3831, 4672, 6024, 6028 ]; var UptakeLenalidomideData5 = [ 169, 721, 1496, 2039, 2472, 2865, 3211, 3642, 3668, 3806, 4017 ]; var colorMed1 = '#ff4e50'; var colorMed2 = '#fc913a'; var colorMed3 = '#f9d62e'; var colorMed4 = '#eae374'; var colorMed5 = '#e2f4c7'; var UptakeLenalidomideCountries = [ 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 ]; // ************************* // ************************* </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <!-- CODE TO MANAGE THE CHART TEMPLATES --> <script type="text/javascript"> // Sets the default grdilines to hidden Chart.defaults.scale.gridLines.display = false; </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-white w3-center w3-padding"> <div class="UptakeLenalidomideDiv"> <canvas id="UptakeLenalidomide"></canvas> </div> </div> <!-- OPTION BUTTONS AND DRIVER CODE --> <div class="w3-center"> <div class="w3-barX"> <a href="/data/Cancer Care.xlsx" class="efpia-button-slim w3-efpia-teal w3-small" style="width:5%">&nbsp;</a> <a href="/data/Cancer Care.xlsx" class="w3-tiny style3">&nbsp;Download data&nbsp;&nbsp;&nbsp;</a> <a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="efpia-button-slim w3-green w3-small" style="width:5%"> &nbsp; </a><a href="/data/EFPIA-CCR_Cancer-Care.pptx" class="w3-tiny style3">&nbsp;Download PPT</a> </div> </div> <div style="height:50px" class="w3-col m12 w3-text-white">.</div> <script type="text/javascript"> var chartUptakeLenalidomideData = { labels: UptakeLenalidomideCountries, datasets: [ { label: UptakeLenalidomideTitle1, backgroundColor: colorMed1, borderColor: colorMed1, data: UptakeLenalidomideData1, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeLenalidomideTitle2, backgroundColor: colorMed2, borderColor: colorMed2, data: UptakeLenalidomideData2, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeLenalidomideTitle3, backgroundColor: colorMed3, borderColor: colorMed3, data: UptakeLenalidomideData3, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeLenalidomideTitle4, backgroundColor: colorMed4, borderColor: colorMed4, data: UptakeLenalidomideData4, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } , { label: UptakeLenalidomideTitle5, backgroundColor: colorMed5, borderColor: colorMed5, data: UptakeLenalidomideData5, fill: false, pointBorderColor: "black", pointBackgroundColor: "white", pointBorderWidth: 2, pointHoverRadius: 8, pointHoverBackgroundColor: "yellow", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 4, pointHitRadius: 10 } ] }; // Draw the initial chart and setup the alternative EU5 chart var ctxUptakeLenalidomide = document.getElementById("UptakeLenalidomide"); var UptakeLenalidomide = new Chart(ctxUptakeLenalidomide, { title: 'test', type: 'line', data: chartUptakeLenalidomideData, options: { // Manage the hover on legend items legend: { position: 'top', onHover: function (event, legendItem) { document.getElementById("UptakeLenalidomide").style.cursor = 'pointer'; } }, tooltips: { custom: function (tooltip) { if (!tooltip.opacity) { document.getElementById("UptakeLenalidomide").style.cursor = 'default'; return; } } }, // end of hover management title: { display: true, text: UptakeLenalidomideTitle } } }); </script> </div> <p></p> <div class="style3"> Hofmarcher, T et al. (2019) Comparator Report on Cancer in Europe 2019 - Disease Burden, Costs and Access to Medicines.<br> IHE Report 2019:7. IHE: Lund, Sweden<br> </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"; 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"; // contentOvary.style.display = (contentOvary.dataset.toggleOvaryd ^= 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 = "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 2025 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