<h4 id="hee1ffc11d3">🐈 ハマったこと</h4>Modelはこんにゃ感じ<pre><code>class City extends Model {
 public function scopeNishitama($query) {
 return $query-&gt;where('area', '=', 'Nishitama');
 }</code></pre>これを<code>joinSub</code>すると型があわにゃい<pre><code>DB::table('event')-&gt;joinSub(City::nishitama(), 'city', function ($join) {
 $join-&gt;on('event.city', '=', 'city.id');
})</code></pre><ul><li>ローカルスコープが返す型：<code>\Illuminate\Database\Eloquent\Builder</code></li><li>joinSubが期待する型：<code>\Illuminate\Database\Query\Builder</code></li></ul> ・・・🐈‍⬛・・・🐈‍⬛・・・🐈‍⬛・・・ <code>Eloquent\Builder</code>から<code>Query\Builder</code>を取得して渡す<pre><code>DB::table('event')-&gt;joinSub(City::nishitama()-&gt;getQuery(), 'city', function ($join) {
 $join-&gt;on('event.city', '=', 'city.id');
})</code></pre> 7系まで発生。8系で修正されている <a href="https://github.com/laravel/framework/blob/8.x/src/Illuminate/Database/Query/Builder.php#L513" target="_blank" rel="noopener noreferrer">https://github.com/laravel/framework/blob/8.x/src/Illuminate/Database/Query/Builder.php#L513</a>

🐈 <code>getQuery()</code>してから<code>joinSub</code>に渡す

LaravelでローカルスコープをjoinSubすると型があわにゃい

<h4 id="hdc53537b0c">🐈 やりたいこと</h4>このようにゃSQLが組みたかった<pre><code>select departure.time
from 発着時刻テーブル as departure
inner join 発着時刻テーブル as arrival
 on departure.列車番号 = arrival.列車番号
where departure.station = '青梅駅'
and arrival.station = '奥多摩駅'
and departure.index &lt; arrival.index</code></pre><ul><li>発着時刻テーブルには各駅の発着時刻が保存されている</li><li>これを自己結合して、青梅発、奥多摩行列車の発車時刻を得る</li></ul> Modelはこんにゃ感じ<pre><code>class 列車番号テーブル(models.Model):
 code = models.CharField() # 列車番号

class 発着時刻テーブル(models.Model):
 number = models.ForeignKey(列車番号テーブル) # 列車番号
 index = models.IntegerField() # 停車順
 station = models.ForeignKey(駅テーブル) # 駅
 time = models.DateTimeField() # 発着時刻</code></pre> ・・・🐈‍⬛・・・🐈‍⬛・・・🐈‍⬛・・・ 列車番号テーブル(親)を介して発着時刻(子)を自己結合する<pre><code>class 時刻表View(ObjectMultipleModelAPIView):
 def get_querylist(self, *args, **kwargs):
 発車時刻 = 発着時刻テーブル.objects.filter(
 station='青梅駅',
 列車番号テーブル__発着時刻テーブル__station='奥多摩駅',
 index__lt=F('列車番号テーブル__発着時刻テーブル__index')
 )</code></pre><code>列車番号テーブル__発着時刻テーブル</code><code>__</code>とすることで親経由で子を自己結合する

🐈 <code>親テーブル__子テーブル</code><code>__</code>とすることで親経由で子を自己結合する

Djangoで自己結合(self join)したい

<h4 id="hdc53537b0c">🐈 やりたいこと</h4>setStateするとLinePointHighlighterが未選択状態に戻されてしまう Chart doesn't maintain state <a href="https://github.com/google/charts/issues/286" target="_blank" rel="noopener noreferrer">https://github.com/google/charts/issues/286</a> <img src="https://images.microcms-assets.io/assets/1758728d57cd498e836904612e1525cf/c0e7757d8a85418f95d8c15403c0d6cb/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-03-14%206.23.57.png" alt=""> 折れ線グラフの点と縦点線が消える ・・・🐈‍⬛・・・🐈‍⬛・・・🐈‍⬛・・・ <code>behaviors</code>に<code>InitialSelection(shouldPreserveSelectionOnDraw:true)</code>を追加する<pre><code>behaviors : [
 LinePointHighlighter(),
 InitialSelection(selectedDataConfig:[chart.SeriesDatumConfig&lt;String&gt;(Seriesのid, 選択中のdomainFn)], shouldPreserveSelectionOnDraw:true),
],</code></pre><ul><li>InitialSelection : 初期表示時に選択中にする</li><li>shouldPreserveSelectionOnDraw : 再描画時に選択中を保持する</li></ul> <h5 id="h13903a9875">🐾 全体像</h5><pre><code>class Chart extends StatefulWidget
{
 const Chart({super.key});

 @override
 State&lt;Chart&gt; createState() =&gt; _ChartState();
}

class _ChartState extends State&lt;Chart&gt;
{
 String current = '2023';

 @override
 Widget build(BuildContext context) =&gt; chart.OrdinalComboChart(
 [
 chart.Series&lt;ChartData, String&gt;(
 id : 'chart_id',
 domainFn : (ChartData data, _) =&gt; data.year,
 measureFn : (ChartData data, _) =&gt; data.value,
 data : chartData,
 ),
 ],
 behaviors : [
 chart.LinePointHighlighter(),
 chart.InitialSelection(selectedDataConfig:[chart.SeriesDatumConfig&lt;String&gt;('chart_id', current)], shouldPreserveSelectionOnDraw:true),
 ],
 selectionModels : [
 chart.SelectionModelConfig(changedListener:(chart.SelectionModel model) {
 setState(() {
 if (model.hasDatumSelection) current = model.selectedDatum[0].datum;
 }); 
 }),
 ],</code></pre>

🐈 <code>behaviors</code>に<code>InitialSelection(shouldPreserveSelectionOnDraw:true)</code>を追加する

charts_flutterでsetStateするとLinePointHighlighterが保持されにゃい

<h4 id="hdc53537b0c">🐈 やりたいこと</h4>charts_flutterの複合フラグ(OrdinalComboChart)で横スクロールしたい ・・・🐈‍⬛・・・🐈‍⬛・・・🐈‍⬛・・・ <code>behaviors</code>に以下を追加する<ul><li><code>SlidingViewport()</code></li><li><code>PanAndZoomBehavior()</code></li></ul><pre><code>OrdinalComboChart(data,
 behaviors : [
 SlidingViewport(),
 PanAndZoomBehavior(),
 ],
);</code></pre> <h5 id="h96c2989076">🐾 PanAndZoomBehavior</h5><code>panningCompletedCallback</code>にスクロール後に実行する処理を設定できる<pre><code>PanAndZoomBehavior(panningCompletedCallback:() =&gt; 
 showDialog(context: context, builder: (_) {
 return const AlertDialog(title:Text('にゃーん ฅ^•ω•^ฅ'));
 })
),</code></pre><img src="https://images.microcms-assets.io/assets/1758728d57cd498e836904612e1525cf/cc6b603fa71d4b9bbd4191d5f72d0a96/nya-n.png" alt=""> 📝 PanBehavior()でも代替できるがズーム(ピンチイン・アウト)ができにゃい<h5 id="hc99a11027f"> 🐾 domainAxis</h5><code>viewport</code>に『グラフの初期表示位置』と『一画面に表示するデータ数』を設定できる<pre><code>domainAxis : OrdinalAxisSpec(viewport:OrdinalViewport('202308', 5)),</code></pre>

🐈 behaviorsに以下を追加する<ul><li><code>SlidingViewport()</code></li><li><code>PanAndZoomBehavior()</code></li></ul>