thebrain视图需要在故事河中才能实现

[dongrentianyu]

我仿照核心模板写了一个自己的展示模板。

\whitespace trim
<section class="tc-story-river" role="main">

<section class="story-backdrop">

<$list filter="[all[shadows+tiddlers]tag[$:/tags/AboveStory]!has[draft.of]]">

<$transclude/>

</$list>

</section>

<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/core/ui/StoryTiddlerTemplate" storyview={{$:/view}} emptyMessage={{$:/config/EmptyStoryMessage}}/>

<section class="story-frontdrop">

<$list filter="[all[shadows+tiddlers]tag[$:/tags/BelowStory]!has[draft.of]]">

<$transclude/>

</$list>

</section>

</section>

以上是核心里的源代码。我只是在故事河前面加上我定义的css，thebrain就失效了。

\whitespace trim
<section class="tabs-tc-story-river" role="main">

<section class="story-backdrop">

<$list filter="[all[shadows+tiddlers]tag[$:/tags/AboveStory]!has[draft.of]]">

<$transclude/>

</$list>

</section>

<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/core/ui/StoryTiddlerTemplate" storyview={{$:/view}} emptyMessage={{$:/config/EmptyStoryMessage}}/>

<section class="story-frontdrop">

<$list filter="[all[shadows+tiddlers]tag[$:/tags/BelowStory]!has[draft.of]]">

<$transclude/>

</$list>

</section>

</section>

我把<section class="tc-story-river" role="main">改成了<section class="tabs-tc-story-river" role="main">，tabs-tc-story-river是我定义的。

@media only screen and (min-width: 767px)
.tabs-tc-story-river {
    padding: 0px;
    width: 100%;
    max-width: 1200px;
}

thebrain中的代码如下。

<$echarts $tiddler="$:/plugins/Gk0Wk/echarts/addons/TheBrain.js" aliasField="caption" levels=1 focussedTiddler=<<currentTiddler>> $height="500px" $width="1000px" graphTitle="Graph" />

[dongrentianyu]

另一个问题是zoomin视图下，thebrain也会失效。

[dongrentianyu]

<$echarts $tiddler="$:/plugins/Gk0Wk/echarts/addons/TheBrain.js" aliasField="caption" levels=1 focussedTiddler={{$:/temp/focussedTiddler}} $height="500px" $width="1000px" graphTitle="Graph" />

改成$:/temp/focussedTiddler也不行。而且这个插件是检测窗口发生变化来判定的，而在我的tabs视图里窗口变化挺大。

但原因还是因为上面的tabs-tc-story-river。

[dongrentianyu]