タグ付けされた質問 「highcharts」

5
highcharts.comクレジットリンクの削除
ハイチャートを購入したばかりですが、クレジットリンクがまだグラフに表示されており、サイトで非常に目立ち、チャートビューが歪んでいます。 オプションが表示されると思いましたが、どうすれば削除できますか?

3
X軸のハイチャート日付を取得するにはどうすればよいですか?
HighchartsのX軸の日付を取得する標準的な方法はありますか?ドキュメントで見つけることができません:http : //www.highcharts.com/ref/#xAxis--type 時間範囲が十分に広い場合、日付が表示されます。ただし、時間範囲が十分に大きくない場合は、次のように時間だけが表示されます。 これは理想的ではありません...この場合に日付と時刻を表示できれば、それは素晴らしいことです。誰か知ってる?

5
追加データをハイチャートシリーズに設定
チャートの「ツールチップ」に表示するために使用する系列オブジェクトに追加のデータを渡す方法はありますか? 例えば tooltip: { formatter: function() { return '<b>'+ this.series.name +'</b><br/>'+ Highcharts.dateFormat('%b %e', this.x) +': '+ this.y; } ここでは、series.name、this.x&this.yのみをシリーズに使用できます。データセットとともに別の動的な値のみを渡す必要があり、系列オブジェクトを介してアクセスできるとしましょう。これは可能ですか? よろしくお願いします。

14
ハイチャートでタイトルとサブタイトルを無効にする方法はありますか?
グラフの周りにあるhtmlを使用してハードコーディングするつもりです。組み込みを使用したくありません。 APIに「disable:true」オプションが表示されません。 誰かが私をここで助けてくれますか? ハイチャートのタイトル/サブタイトルをどのように無効にしますか? (単にテキストを空白のままにしておくと、タイトルがある場所の空白が切り分けられますが、これが起こらないようにしたいと思います)
108 highcharts 

1
範囲関数とナビゲーター関数を使用してHighchartsで列範囲グラフを作成する方法は?
私は、プロットに要求してい実行履歴のタスク Highchartsでは。タスクの実行履歴を水平バーとして表示する必要があります。以下にアップデートとして追加した追加の要件があります。最近、このinvertedオプションがStockChartでサポートされておらず、navigatorとrangeSelectorしかStockChartで使用できないことがわかりました。したがって、私はそれらの関数を使用しています。 したがって、要件を達成するために、このjsfiddleの例に似たものを作成し(参照中にどこかにソースが記憶されていないことがわかります)、Pawel Fusのおかげで、前の質問の助けを借りてこのプランカーリンクになりました 混乱を避けるために質問を更新しています 追加要件: 特定の日時範囲で実行されたタスクのみを表示します。実行が10回を超えるなど、実行が多すぎる場合は、他のタスクを表示するためにスクロール可能なy軸を使用して、10個のタスクのみを表示する方法が必要です。 問題へのプランカーリンク 上記のプランカーの問題の説明。 上記のプランカーから以下のスクリーンショットを確認すると、時間範囲は12/12/2014 09:32:26〜12/12/2014 10:32:26であり、m_ARRAYV_SALES_ZIG1_CALL2_VOD__C_OB&を実行したタスクは2つしかありませんm_ZIG2_HCP_MERGE_IB_CN。ただしLILLY_C、この日付範囲内で実行されなかった別のタスクを確認できます。(実際のデータでは、この日付範囲に該当しないこのグラフを乱雑にする10を超えるタスクがあります) また、右下隅で時間がから09:38にシフトしたことに気づいた場合19:20。タスク19:20の終了時間ですm_ZIG2_HCP_MERGE_IB_CN。 以下は私のチャートオプションです var chart_options = { chart: { renderTo: 'container', height: 600 }, title: { }, credits: { enabled: false }, xAxis: { type: 'datetime', gridLineWidth: 1, tickInterval: 1 * 3600 * 1000, dateTimeLabelFormats: { month: '%b %e, …

9
DOMコンテナを介してハイチャートチャートにアクセスするにはどうすればよいですか?
highcharts-chartをdivコンテナーにレンダリングする場合、div-Containerを介してチャートオブジェクトにアクセスするにはどうすればよいですか?チャート変数をグローバルにしたくありません。 var chart = new Highcharts.Chart({ chart: { renderTo: "testDivId", ... 関数を呼び出すために、このような上記のコンテキスト(擬似コード)の外でチャートにアクセスしたいと思います。 var chart = Highcharts.Chart("testDivId"); //access from id chart.redraw();

8
ハイチャートからボタンを削除する方法
Highchartsライブラリを使用してグラフを作成していますが、グラフを印刷およびダウンロードできる右隅の2つの小さなボタンを削除する方法を知り、新しいボタンを追加したいと思います。 多分誰かが私を助けることができますか?

5
HighChartsは凡例からシリーズ名を隠す
私はこの問題を何度か解決しようとし、あきらめます。さて、また彼に会ったとき、助けを求めることにしました。 私は私の伝説のためにこのコードを持っています: legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', x: -10, y: 100, borderWidth: 0, labelFormatter: function() { if(this.name!='Series 1') { return this.name; } else { return 'Legend'; } } } 戻り値を「凡例」から「」に変更すると、テキストは表示されませんが、凡例の上部に「ダッシュ」が表示されます。ラベルフォーマッタ関数を使用しない場合、凡例の最初の行のように「シリーズ1」+「ダッシュ」があります。それらを隠す方法は? 私のバージョンはHighcharts-2.0.5であることに注意してください これは私の凡例と削除したいダッシュの簡単なビューです。


7
ハイチャートチャートオプションbackgroundColor:IE8で黒を表示する「透明」
HighchartsbackgroundColor:'transparent'黒を表示するチャートオプションIE 8 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' } これはI.E 9他では問題なく動作しますが、IE 8とSafariでは失敗します。理由は誰にもわかりませんか?

7
軸とグリッド線を非表示にするハイチャート
ハイチャートチャートの軸とグリッド線を完全に非表示にしようとしています。これまで、線の幅を0に設定しようとしましたが、うまくいきませんでした。 xAxis: { lineWidth: 0, minorGridLineWidth: 0, lineColor: 'transparent' } 軸線/目盛りとグリッド線をグローバルに無効にして「プレーン」プロットを作成することは可能ですか?

3
Vueアプリでの複数のHighchartペインの背景色
VueアプリでHighchartsを使用しています。 highcharts-vue Highchartsます テンプレートをこのように設定しています <highcharts class="vessChart" ref="chart" style="width:100%" :callback="chartcallback" :options="options" ></highcharts> Vueでチャートのオプションを設定します yAxis:[], series:[], background:[], options: { chart: { borderWidth: 1, marginLeft: 40, marginRight: 2, type:'line', zoomType: 'x', title: { text: '' }, panning:true /*backgroundColor:'lightgrey'*/ }, title: { text: '' }, pane:{ background:[] }, time:{ useUTC:true }, credits:{ enabled:false }, …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.