Tag: highcharts

列类别名称上的HighCharts事件单击: 如果用户单击柱形图的类别名称，我想要触发事件。我看到如果用户点击栏本身有选项，但是栏的类别名称怎么样？

Highcharts：选择一张图表？: 我正在使用highcharts制作仪表板。现在我用每个函数的jquery搜索每个图表，找到哪个图表比窗口宽，以使其响应。所以我必须为每个图表定义宽度。如果图表比窗口宽，我想定义 width = $(window).width(). 同 $(“.dashboard”).highcharts({ chart: { width: width, //320 }, }); 我可以选择所有图表，但如何选择单个图表？谢谢你的帮助。

highchart加载图表但不加载JSON数据: 我正在尝试使用highcharts从php json中提取数据。 php工作正常，但我不知道如何使json成为输入。特别是试图将数据放在单个Gauge Chart上，就像示例中的那个，但是我无法配置脚本来读取json。 URL si：php / KPItonsStock.php <?php function getArraySQL(){ $startd = "29964"; $endd = "29968"; $dsn = "prueba"; $connect = odbc_connect( $dsn, '', '' ); $query = " Select SUM(TON_DESCARGADO) AS data from (Select unit,[load],enum_LOAD.[name],SUM(dumptons) as TON_DESCARGADO from hist_dumps inner join hist_loclist on hist_dumps.shiftindex = hist_loclist.shiftindex and hist_dumps.loc = hist_loclist.locid inner join […]

显示列范围高图的yAxsis数据: 我有一个列范围高图。它工作正常，但它不显示yAxsis的时间，但工具提示。它是json格式（工具提示时间）。任何帮助欣赏.. 我的yAxsis看起来像这样 yAxis: { type: ‘timepicker’, labels: { formatter: function () { //1262334143000 return Highcharts.dateFormat(‘%H:%M %p’, this.value); } }, title: { text: ‘Y Sside New’ } }, 有这个。值它有json日期。这是jsfiddle

如何自定义此图表的高级图表: 我必须使用highcharts绘制如下图所示的图形。我已经设法做所有的事情，期望显示网格和他们的标签。 $(function() { var options = $.parseJSON(‘{“chart”:{“renderTo”:”container”,”type”:”column”},”averageText”:”3.7″,”plotOptions”:{“series”:{“pointWidth”:[“30″],”borderRadius”:[“10″]},”column”:{“pointPadding”:[0]}},”credits”:{“enabled”:false},”title”:{“text”:”Volume”,”margin”:140},”xAxis”:{“categories”:[0,1,2,3,4,5,4,3,2,1,0],”gridLineWidth”:0},”yAxis”:{“labels”:{“enabled”:true},”title”:{“text”:”Responses”},”gridLineWidth”:0},”series”:[{“showInLegend”:false,”name”:”speaker”,”data”:[{“y”:2,”color”:”#C82506″},{“y”:5,”color”:”#BC5B0C”},{“y”:3,”color”:”#F39019″},{“y”:1,”color”:”#F5D329″},{“y”:1,”color”:”#70BF40″},{“y”:6,”color”:”#01882A”},{“y”:10,”color”:”#70BF40″},{“y”:6,”color”:”#F5D329″},{“y”:3,”color”:”#F39019″},{“y”:7,”color”:”#BC5B0C”},{“y”:3,”color”:”#C82506″}]}]}’); new Highcharts.Chart(options, function(chart) { chart.renderer.circle(200, 70, 40).attr({ fill: ‘#327CAD’, stroke: ‘#327CAD’, ‘stroke-width’: 1, }).add(); chart.renderer.text(‘3.3’, 180, 79) .attr({}) .css({ “color”: “#fff”, “font-size”: “30px”, }) .add(); chart.renderer.text(‘Average’, 175, 120) .attr({}) .css({ “color”: “#000”, }) .add(); }) }); 这是我到目前为止所做的。请建议我可以包含哪些更多选项，使其如下图所示

处理rangeSelector按钮，当它超出数据系列的xaxis范围时: 数据系列的x轴最小范围是5/15/2006我发送显示图表的x轴的当前最大值是5/24/2011并且过去7天选择缩放按钮，然后如果我选择缩放按钮超过30天，因为它超出了x轴的范围，所以我希望它使此选择无效并保持旧的过去7天缩放按钮，并且显示图表的范围不会改变。这该怎么做？这是JS代码： var end = 1148428800000; var rowcount; $(function () { $.getJSON(‘http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?’, function (data) { // Create the chart $(‘#container’).highcharts(‘StockChart’, { navigator: { enabled: false }, scrollbar: { enabled: false }, rangeSelector: { inputEnabled: false, selected: 0, buttonTheme: { width: null }, buttons: [{ type: ‘day’, count: 6, text: ‘past 7 days’ }, { […]

如何在高图中切换图例布局: 我有兴趣在点击事件上更改图例布局，如下所示第一次单击水平 – 底部第二次单击水平顶部第3次点击virtical left 第四次点击美德这是 FIDDLE的链接我不知道如何做到这一点，这是我迄今为止所尝试过的。 HTML JAVASCRIPT $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: ‘container’, zoomType: ‘xy’, marginLeft: 50, marginBottom: 90 }, yAxis: { reversed: true, //min: 0, //max: 50 }, plotOptions: { series: { stacking: ‘normal’ } }, xAxis: { opposite: true }, series: […]

如何在高图中输入null然后在折线图中忽略它？: 我正在使用highcharts创建一个折线图，每当输入为null时，折线图就会分成散点图。我希望它只是忽略该值并连接到图中的下一个点。我想我使用了正确的代码，但图表仍然不会让步。当我将鼠标hover在值上时，工具提示甚至会显示为null（我是否用CSV中的单词写入null或者只是离开;;）… $(“select”).change(function() { $(“select option:selected”).each(function() { var variable = $(this).val(); var graphtitle; switch (variable) { case “CSV/Sheet1.csv”: graphtitle = “Academic-Corporate Collaboration”; break; case “CSV/Sheet2.csv”: graphtitle = “Academic-Corporate Collaboration Impact”; break; case “CSV/Sheet3.csv”: graphtitle = “Citation Count”; break; case “CSV/Sheet4.csv”: graphtitle = “Citation Count, self-citations excluded”; break; case “CSV/Sheet5.csv”: graphtitle = “Citations per […]

将时间值传递给Highcharts Column图表: 我想要一个图表，其中Y轴包含时间值，如’％H：％M：％S’ 我为此使用过Highcharts插件 X轴：[“dep1”，“dep2”，“dep3”] Y轴：[“00:15:30”，“00:55:30”，“00:45:30”] 我的代码如下： $(‘#durationChart’).highcharts({ chart: { type: ‘column’ }, title: { text: ‘Avg. values’ }, xAxis: { categories: [“dep1″,”dep2″,”dep3”], labels: { rotation: -45, style: { fontSize: ’11px’, fontFamily: ‘tahoma, sans-serif’ } } }, yAxis: { type: ‘datetime’, dateTimeLabelFormats: { second: ‘%H:%M:%S’, minute: ‘%H:%M’, hour: ‘%H:%M’, day: ‘%e. %b’, week: ‘%e. %b’, month: ‘%b […]

刻度未显示为已输入: 我正在使用highcharts的highstock库。我正在尝试填充月度数据，但导航器上的xAxis错过了几个月。我需要它包括所有月份。这是小提琴。我已经尝试过滴答间隔： navigator: { adaptToUpdatedData: false, xAxis: { minTickInterval: 30*24*3600*1000 } } 建议？