Tag: highcharts

Highcharts – 关于完整图表宽度的问题: 我正在使用Highcharts柱形图，我希望它是100％宽度响应图表。容器是一个简单的<div> ，没有任何格式。加载文档时，图表总是固定宽度600x400px大小。如果我调整窗口大小或切换到另一个浏览器选项卡，图表将填充宽度并变成响应式全宽度图表，就像我想要的一样。如果我重新加载页面，它又是固定的宽度。我试图设置宽度容器和图表，但是，没有任何帮助。如果我把容器div移到父div上面一层，它就起作用了。如何使图表成为页面加载全宽还？谢谢

如何整合Flot和AngularJS？: 我是Angular和Flot的新手，但是我对Jquery和Javascript很有经验。我对如何将Flot图表绑定到Angular数据模型有点困惑，因为Flot是一个JQuery插件。我已经四处搜寻，但一直没能find一个例子。我也很乐意使用highcharts，谷歌图表，或任何其他图表解决scheme。

如何隐藏highchart x轴数据值: 我正在使用highchart.js绘制条形图我不想显示x轴数据值。任何人可以告诉我哪个选项吗？完整configuration： var chart = new Highcharts.Chart({ chart: { renderTo: container, defaultSeriesType: 'bar' }, title: { text: null }, subtitle: { text: null }, xAxis: { categories: [''], title: { text: null }, labels: {enabled:true,y : 20, rotation: -45, align: 'right' } }, yAxis: { min: 0, gridLineWidth: 0, title: { text: '', […]

我怎样才能改变我的highchart图表的颜色？: 我正在使用highcharts来制作一个饼图，但是我无法为我的图表加载自定义颜色集。这是我的代码： <script type="text/javascript"> $(function () { Highcharts.setOptions({ colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'] }); return new Highcharts.Chart({ chart: { renderTo: 'trailpiechart', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, backgroundColor: "#f8f8f8", margin: [20, 20, 20, 20] }, credits: { enabled: false }, title: { text: caption }, tooltip: { formatter: function () { […]

响应式高图不能正确调整窗口大小，直到窗口大小调整: 我正在使用Zurb的Foundation框架中的Highcharts作为一个类的项目。在章节选项卡中有三个图表。一个在12列div内，另外两个在6列div内同行。当页面加载时，精选图表不占用12列的可用宽度，两个较小的图表溢出其6列。但是，当调整窗口大小或尝试使用Inspect元素进行调查时，图表会立即捕捉到正确的维度。这种行为发生在Chrome，FF和IE中。我意识到我可以设置一个特定的宽度，但我真的想利用基金会，并保持他们的响应。我已经调整了CSS和Highcharts初始化，但我很难过。有没有人遇到过这个问题？任何人都可以看到我失踪？这里是我的HTML摘录： <div class="row"> <div class="twelve columns"> <!–begin tabs below–> <div class="section-container tabs" data-section="tabs"> <section> <p class="title" data-section-title><a href="#">Heart Disease</a></p> <div class="content" data-section-content id="heart"> <div class="row feature-chart"> <div class="large-12 columns"> <div id="heartTimeline-container"> <div id="heartTimeline"></div> </div> </div> <!–close 12 columns–> </div> <!–close row–> <div class="row small-charts"> <div […]

Highcharts：dynamic设置y轴最大值和最小值，而不是在创build时: 简短的问题：是否有办法在创build图表之后设置Highcharts中的min/max 。我知道在图表初始化初始设置像y: {min: 100,max: 200} ，但我想以后dynamic改变max / min。谢谢

禁用某些线上的highcharts工具提示，让其他人启用？: 我有一个包含多行的海图。我想禁用某些行上的工具提示，并将其启用。那可能吗？我看到如何禁用全球工具提示，但不是按系列。例如，在标准折线图上，可以禁用红线和蓝线上的工具提示，但在其他两个线上启用该提示。

如何更改高图列表中每个类别的颜色？: 我有一个列表，其中有一些类别，每一个单一的数据点（例如像这样）。是否有可能改变每个类别栏的颜色？即所以每个酒吧会有自己独特的色彩，而不是所有的蓝色？

正确的方法来删除高图表的所有系列数据？: 更新：这是一个jsfiddle，显示问题： http : //jsfiddle.net/pynju/1/ 点击星期一的蓝色列。加载详细视图时，注意01-07有3列（预期2）。点击最高的酒吧回到原始视图。请注意，xAxis上的标签没有被删除。 =============== 我有一个条形图，有两个系列，并排显示为双杠。 series: [{ showInLegend: false, data: dowChartData },{ showInLegend: false, data: avgUserDowChartData }], 。 dowChartData = [ { y: 98.74, color: '#0072ff', drilldown: { name: 'Category Engagement – Sunday', categories: ['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23'], data: [0,637,0,0,0,173,48.54,48.54,0,0,0,0,0,0,102.24,166.36,706.59,699.18,298.32,184.14,97.08,1539,0,1224.56], color: '#0072ff', data2: [506.80686467275,354.56354558498,333.25158689567,234.19283190879,234.82132336088,220.03247578171,222.86420797556,218.14034615202,170.42559544164,171.54776353196,249.24788461442,345.14915669555,206.65543589797,243.38811965637,367.02593304906,378.83677778129,467.45739743621,424.26264387522,639.60922934374,679.71299714907,373.26353846375,480.94380626458,551.82326068362,466.77469230724], color2: '#C00' } } AND SIMILAR 。 avgUserDowChartData = […]

隐藏坐标轴和网格线Highcharts: 我试图完全隐藏我的Highcharts图表的轴线和网格线。到目前为止，我已经尝试将行的宽度设置为0，但它没有成功。 xAxis: { lineWidth: 0, minorGridLineWidth: 0, lineColor: 'transparent' } 是否有可能只是全局禁用轴线/蜱和网格线来创build一个“平原”情节？