{"id":119,"date":"2019-04-16T09:30:22","date_gmt":"2019-04-16T08:30:22","guid":{"rendered":"http:\/\/blog.c-hase.de\/?p=119"},"modified":"2019-04-16T09:30:22","modified_gmt":"2019-04-16T08:30:22","slug":"mehrere-highchart-grafiken-in-einer-grafik","status":"publish","type":"post","link":"https:\/\/blog.c-hase.de\/?p=119","title":{"rendered":"Mehrere highchart-Grafiken in einer Grafik"},"content":{"rendered":"

http:\/\/jsfiddle.net\/L55w9n53\/<\/p>\n

$(function () {
\nHighcharts.chart(‚container‘, {
\nchart: {
\nmarginLeft: 400
\n},
\ntitle: {
\ntext: ‚Combination chart‘,
\n},
\nxAxis: {
\ncategories: [‚Apples‘, ‚Oranges‘, ‚Pears‘, ‚Bananas‘, ‚Plums‘],
\n\/\/ width: 100,
\n\/\/ left: 500
\n},
\nyAxis: {
\n\/\/ offset: -100
\n},
\nlabels: {
\nitems: [{
\nhtml: ‚Total fruit consumption‘,
\nstyle: {
\nleft: ’50px‘,
\ntop: ’18px‘,
\ncolor: (Highcharts.theme && Highcharts.theme.textColor) || ‚black‘
\n}
\n}]
\n},
\nseries: [{
\ntype: ‚column‘,
\nname: ‚Jane‘,
\ndata: [3, 2, 1, 3, 4]
\n}, {
\ntype: ‚column‘,
\nname: ‚John‘,
\ndata: [2, 3, 5, 7, 6]
\n}, {
\ntype: ‚column‘,
\nname: ‚Joe‘,
\ndata: [4, 3, 3, 9, 0]
\n}, {
\ntype: ’spline‘,
\nname: ‚Average‘,
\ndata: [3, 2.67, 3, 6.33, 3.33],
\nmarker: {
\nlineWidth: 2,
\nlineColor: Highcharts.getOptions().colors[3],
\nfillColor: ‚white‘
\n}
\n}, {
\ntype: ‚pie‘,
\nname: ‚Total consumption‘,
\ndata: [{
\nname: ‚Jane‘,
\ny: 13,
\ncolor: Highcharts.getOptions().colors[0] \/\/ Jane’s color
\n}, {
\nname: ‚John‘,
\ny: 23,
\ncolor: Highcharts.getOptions().colors[1] \/\/ John’s color
\n}, {
\nname: ‚Joe‘,
\ny: 19,
\ncolor: Highcharts.getOptions().colors[2] \/\/ Joe’s color
\n}],
\ncenter: [‚-75%‘, ‚50%‘],
\nsize: 200,
\nshowInLegend: false,
\ndataLabels: {
\nenabled: false
\n}
\n}]
\n});
\n});<\/p>\n

 <\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

http:\/\/jsfiddle.net\/L55w9n53\/ $(function () { Highcharts.chart(‚container‘, { chart: { marginLeft: 400 }, title: { text: ‚Combination chart‘, }, xAxis: { categories: [‚Apples‘, ‚Oranges‘, ‚Pears‘, ‚Bananas‘, ‚Plums‘], \/\/ width: 100, \/\/ left: 500 }, yAxis: { \/\/ offset: -100 }, labels: { … Weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-119","post","type-post","status-publish","format-standard","hentry","category-highcharts"],"_links":{"self":[{"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=\/wp\/v2\/posts\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=119"}],"version-history":[{"count":1,"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=\/wp\/v2\/posts\/119\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=\/wp\/v2\/posts\/119\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.c-hase.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}