标签: highcharts

我对 PyQt/它的 Webview 有问题。困扰我的代码应该呈现图表，但它没有。我正在使用 Highcharts 框架并为通过 Python 呈现图表的 javascript 函数提供数据。我还检查 webview 是否准备好，因为这是我以前的错误。有问题的代码如下所示：

command = ('loadPinch(' + str(random.sample(range(10000), 1000)) +
            ', ' + str(['2009', '01', '01']) + ');')
self.webview.page().mainFrame().evaluateJavaScript("""
        var readyStateCheckInterval = setInterval(function() {
            if(document.readyState === 'complete'){ """ +
                command + """
                clearInterval(readyStateCheckInterval);
            }
        }, 10);""")

loadPinch 是一个 JavaScript 函数，看起来与此类似（这又类似于 Highcharts 示例图）：

    function loadPinch(data, date){
    $('#container').highcharts({
        chart: {
            zoomType: 'x',
            spacingRight: 20
        },
        title: {text: 'Twitter Trends'},
        subtitle: {
            text: document.ontouchstart === undefined ?
                'Click and drag in the plot area …

我有一个ajax调用

$(function () {
    $.ajax({
        url: '../../getdaily.php',
        type:'POST',
        dataType: '',
        success: function(output_string){
           console.log(output_string);
        },
        error: function (xhr, ajaxOptions, thrownError){
            console.log(xhr.statusText);
            console.log(thrownError);
        }
    });
});

并且 console.log 将输出...

[{"name":"Test-Cases","y":118},{"name":"White-Box","y":43},{"name":"Priority","y":44}]

我可以很容易地把它粘贴到我data :的高图上，然后得到我正在寻找的饼图

...
series: [{
        type: 'pie',
        name: 'Browser share',
        data: [{"name":"Test-Cases","y":118},{"name":"White-Box","y":43},{"name":"Priority","y":44}]
    }]
...

我的问题是如何output_string进入 Highchartsdata : <here>。我尝试了各种将变量作为变量传入的方法，并开始对此产生影响，不知道为什么。

我用于 highcharts 并传递给 id 的实际代码...

$('#container').highcharts({
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false
    },
    title: {
        text: 'Browser market shares at a specific website, 2014'
    },
    tooltip: …

我需要在闪亮的应用程序（highcharter、rcharts 等）上使用 R 的任何 highcharts 包向饼图添加图例。

前任。代码

library("shiny")
library("highcharter")

data(citytemp)

ui <- fluidPage(
  h1("Highcharter Demo"),
  fluidRow(
    column(width = 4, class = "panel",
           selectInput("type", label = "Type", width = "100%",
                       choices = c("line", "column", "bar", "spline")), 
           selectInput("stacked", label = "Stacked",  width = "100%",
                       choices = c(FALSE, "normal", "percent")),
           selectInput("theme", label = "Theme",  width = "100%",
                       choices = c(FALSE, "fivethirtyeight", "economist",
                                   "darkunica", "gridlight", "sandsignika",
                                   "null", "handdrwran", "chalk")
           )
    ),
    column(width = 8,
           highchartOutput("hcontainer",height = "500px")
    )
  )
)

server = function(input, output) …

图表自动设置父母父母身高的全高。Totaly 忽略了他父母的身高。

网址：

<div class="wrapper">
  <div class="huj2">
    <div class="huj">
      bla bla
    </div>
    <div class="huj">
      <div id="ChartContainer2">
        //Chart is here
      </div>
    </div>
  </div>
</div>

CSS：

#ChartContainer2 {
  width: 100%;
}

.huj {
  height: 50%;
  position: relative;
}

.huj2 {
  height: 100%;
}

.wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
}

小提琴 - http://jsfiddle.net/a40a0bjy/17/

我们对折线图有如下要求。我们正在使用highcharts。我们的要求是图表应在行尾显示系列名称，如下图所示。

我们怎样才能做到这一点？

[[ "ISIS",14823424,1012],[ "ISIS",7589888,1011],[ "isis_uv",458752,1115],[ "BGP",524066816,1059],[ "bgp_policy_reg_agent",352256,146] ,[ "ISIS",7655424,1013],[ "isis_policy_reg_agent",290816,314]]

Here [0] index is the x-axis  
     [1] index is the y-axix  
     [2] index is the legend value

我想绘制这样的图形

JSFiddle链接

请指导我绘制它..

我想用vue-highcharts用moment.js。

<template>
    <highcharts :constructor-type="'stockChart'" :options="stockOptions" :updateArgs="[true, false]"></highcharts>
</template>

<script>
...
    stockOptions: {
       series: [{
          data: ''
       }],
       plotOptions: {
          series: {
                turboThreshold: 0
          }
       },
       chart: {
            type: 'area'
       },
       time: {
            timezone: 'America/Sao_paulo'
       }
    }
...
</script>

但我收到此错误：

Highcharts Error #25
Can't find Moment.js library
Using the global.timezone option requires the Moment.js library to be loaded.

我该怎么做才能解决此问题？

我正在使用highcharts,我今天默认拥有全天数据.我想动态设置起点和终点.

$(document).ready(function() {
  $.ajax({
            type:'POST',
            dataType: 'JSON',
            url: "http://localhost/data.php",
        success: function(response) {
        var pointstart=response.start_date;
            console.info(response.start_date+" "+response.end_date);
        $('#graph').highcharts({
            chart: {
                type: 'spline',
                zoomType: 'x'
              },
              xAxis: {
                type: 'datetime',
                setExtremes: (response.start_date,response.end_date),
                tickInterval: 3600 * 1000,
                dateTimeLabelFormats: { // don't display the dummy year
                  month: '%e. %b',
                  year: '%b'
                }
              },
            series:[{
                pointStart      : pointstart,
                pointInterval   : 3600 * 1000,
                name: 'cc',
                data: response.data
            }]
                 });
            },
            cache: false
    });
});

问题:我无法在00:00:00到23:59:59看到图表.我每分钟都有单曲.上图显示了我从12:48:01到23:59:01的数据.我正在使用这个测试数据.

注意:在某些情况下,我有多个月的数据,因此需要根据ajax响应start_date和end_date动态设置值.通过

测试数据:http://dpaste.com/2QQQX49

如何删除highchart中数字之间的空格。我尝试使用pointFormat，但无法正常工作。请找到以下参考。

我有一个像这样的JavaScript对象

server1:[38,1,2,7]
server2:[6,2,1,4
server3:[160,30,21,20]

我想将此对象的元素插入这样的数组中

data1=[
  [
    {name:"Success", y:38},
    {name:"Failure", y:1},
    {name:"Aborted", y:2},
    {name:"Unstable", y:7}
  ],
  [
    {name:"Success", y:6},
    {name:"Failure", y:2},
    {name:"Aborted", y:1},
    {name:"Unstable", y:4}
  ],
  [
    {name:"Success", y:160},
    {name:"Failure", y:30},
    {name:"Aborted", y:21},
    {name:"Unstable", y:20}
  ]
]

JavaScript对象的键的第一个元素是成功，第二个元素是失败，第三个元素是不稳定的，第四个元素被中止，有什么办法可以做到这一点？任何帮助将不胜感激