Line Chart, Tooltip
This line chart shows the price of Apple stock with a tooltip. Data: Yahoo Finance This chart emits input events and exposes a value (the focused data); you can listen for these events (e.g., `chart.addEventListener("input", …)`) to support interaction such as coordinated views. On Observable, you can even define a reactive value by declaring the chart as a view or using Generators.input as below;
Line Chart, Multiple Series
This line chart shows the unemployment rate of various U.S. metro divisions from 2000 through 2013. On hover, the closest data point to the pointer and its associated series is highlighted. Data: Bureau of Labor Statistics This chart emits input events and exposes a value (the focused data); you can listen for these events (e.g., `chart.addEventListener("input", …)`) to support interaction such as
Gudang138 - Unleash Your Luck & Win Big Prizes Today!
Spin Your Way to Glory! Welcome to Gudang138 Slot! Ready to unleash your luck and dive into the most thrilling slot experience ever? Spin those reels and score some epic wins. 🎰✨
Highcharts: あとからグラフデータ（series）を追加・削除する « をぶろぐ
Highcharts を利用したグラフを描画するとき、動的に後からグラフデータを追加したい場合がある。 通常の描画の仕方はこう。 chart = Highcharts.Chart({ chart: { anything... type: 'line' // 折れ線グラフ }, anything... // ここからグラフデータ series: [{ name: '1本目', data: [1, 2.5, 2] }, { name: '2本目', data: [1.5, 2, 3.5] }] }); これに、何か特定のイベントが発生したときにもう一本折れ線グラフを追加したいという場合、下のように Highcharts.Chart オブジェクトの addSeries でグラフデータを追加することができる。 chart.addSeries({ name: '3本目', data: [1.75,
How do I include newlines in labels in D3 charts?
I'm using D3 to generate a bar chart (I adapted the code from this example). The labels I'm using on the x-axis are a couple of words long each, and since this makes all of the labels overlap I need to break these labels across lines. (It'll be fine if I can replace all of the spaces in each label with newlines.) I originally tried this by replacing the spaces with literal newlines (
) and set
How to either determine SVG text box width, or force line breaks after 'x' characters?
There isn't an attribute for text wrapping, but there is a simple trick you can use. Add one word at a time to a text object and when it gets too wide, add a line feed. You can use the getBBox() function to determine the width. Basically, you emulate an old fashioned typewriter. Here is a sample of some code that will do this for you. You could easily turn this into a simple function that takes th
コーヒーサーバーは香炉である » Blog Archive » FacebookのAPIを使ってユーザの名前の「原語表記」を取得する方法
Facebookでは名前の言語別表示という機能があって、特定の言語で使っているユーザにその言語で表示するという機能があります。たとえば私の名前は、日本語でFacebookを使っている人には「郷田まり子」と表示され、それ以外の言語で使っている人には「Mariko Goda」と表示されます。 けれど、この言語別の表記をAPI経由で取るのがなかなか面倒です。非英語圏の開発者たちが各地で悩んでいるようです。Facebook上で、本が好き!の中の人・根岸さんとお話をしながら色々調べたことをまとめます。 まず結論を最初に書いておきます。 「FQLを使ってprofileテーブルのnameカラムをSELECTせよ」 まず、言語別表記をGraph APIで取るのは難しいです。Grap APIで、自分のプロフィール(https://graph.facebook.com/me?access_token=[アクセ
グラフの数値軸目盛を自動算出するアルゴリズム: いげ太のブログ
Excel のそれをエミュレートしたいって話。で、それって思った以上に単純なアルゴリズムだったって話。結局、グラフの要素値の、最大値と最小値の差を取って、その差分の最上位桁の数値で判別してるだけみたい。 /** * @arg min {float} グラフ要素の最小値 * @arg max {float} グラフ要素の最大値 * @return 目盛間隔 */ var getTick = function(min, max) { var eff = max - min; //最上位桁値 var sft = 1; //桁上げ倍率 while (eff >= 10) { eff /= 10; sft *= 10; } while (eff < 1) { eff *= 10; sft /= 10; } return eff >= 5 ? sft : eff >= 2 ? sft * 0.5 :
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Line Chart, Inline Labels
Chart.js
Highcharts API Options
https://www.fusioncharts.com/
Hugo Schmitt
SimpleGraph - simple javascript graphs with Raphael and jQuery