{"id":109,"date":"2013-12-04T00:00:00","date_gmt":"2013-12-03T15:00:00","guid":{"rendered":"http:\/\/taitan916.info\/blog\/?p=109"},"modified":"2024-05-22T22:10:51","modified_gmt":"2024-05-22T13:10:51","slug":"post-109","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/109","title":{"rendered":"highcharts.js\u3067\u68d2\u30b0\u30e9\u30d5\u3068\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u30921\u3064\u306e\u30b0\u30e9\u30d5\u306b\u5165\u308c\u308b"},"content":{"rendered":"

highcharts.js\u3067\u300c\u68d2\u30b0\u30e9\u30d5\u3068\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3092\u5165\u308c\u308b\u300d\u300cY\u8ef8\u306f\u305d\u308c\u305e\u308c\u9055\u3046\u5024\u306b\u3057\u305f\u3044\u300d\u3092\u5b9f\u73fe\u3059\u308b\u65b9\u6cd5\u3092\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

\u30b5\u30f3\u30d7\u30eb<\/h2>\n

https:\/\/taitan916.info\/sample\/highcharts.js\/mix\/<\/a><\/p>\n

 <\/p>\n

\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n
<div id=\"graph\"><\/div>\r\n\r\n<script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/highcharts@11.4.1\/highcharts.min.js\"><\/script>\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/highcharts@11.4.1\/css\/highcharts.min.css\" rel=\"stylesheet\">\r\n\r\n<script>\r\n$(function() {\r\n    $('#graph').highcharts({\r\n        title: {\r\n            text: '\u30b0\u30e9\u30d5\u81ea\u4f53\u306e\u30bf\u30a4\u30c8\u30eb'\r\n        },\r\n        xAxis: {\r\n            categories: [\"2012-11\", \"2012-12\", \"2013-01\", \"2013-02\", \"2013-03\"]\r\n        },\r\n        yAxis: [{\r\n            title: {\r\n                text: '\u68d2\u30b0\u30e9\u30d5\u306e\u30bf\u30a4\u30c8\u30eb',\r\n            },\r\n            labels: {\r\n                formatter: function() {\r\n                    return this.value + 'pts'; \/\/Y\u8ef8\u90e8\u5206\u306e\u8868\u8a18\r\n                }\r\n            },\r\n            min: 0\r\n        }, {\r\n            title: {\r\n                text: '\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u306e\u30bf\u30a4\u30c8\u30eb',\r\n            },\r\n            labels: {\r\n                formatter: function() {\r\n                    return this.value + '\u6642\u9593'; \/\/Y\u8ef8\u90e8\u5206\u306e\u8868\u8a18\r\n                }\r\n            },\r\n            min: 0,\r\n            opposite: true\r\n        }],\r\n        series: [{\r\n            name: '\u68d2\u30b0\u30e9\u30d5\u306e\u30bf\u30a4\u30c8\u30eb',\r\n            data: [1, 2, 5, 7, 10],\r\n            type: 'column', \/\/column->\u68d2\u30b0\u30e9\u30d5,line->\u6298\u308c\u7dda\u30b0\u30e9\u30d5\r\n            color: '#d1a4ff' \/\/\u68d2\u30b0\u30e9\u30d5\u306e\u8272\r\n        }, {\r\n            name: '\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u306e\u30bf\u30a4\u30c8\u30eb',\r\n            data: [10, 3, 7, 9, 2],\r\n            type: 'line', \/\/column->\u68d2\u30b0\u30e9\u30d5,line->\u6298\u308c\u7dda\u30b0\u30e9\u30d5\r\n            yAxis: 1\r\n        }],\r\n        credits: {\r\n            enabled: false\r\n        }\r\n    });\r\n});\r\n<\/script><\/pre>\n","protected":false},"excerpt":{"rendered":"
highcharts.js\u3067\u300c\u68d2\u30b0\u30e9\u30d5\u3068\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3092\u5165\u308c\u308b\u300d\u300cY\u8ef8\u306f\u305d\u308c\u305e\u308c\u9055 ... <\/p>\n","protected":false},"author":1,"featured_media":1067,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t