小编Mik*_*ike的帖子

将链接插入Google Charts api数据?

我一直在Google图表游戏中玩谷歌图表:

链接

我一直在玩的代码是这样的:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria'],
    ['2003',  1336060],
    ['2004',  1538156],
    ['2005',  1576579],
    ['2006',  1600652],
    ['2007',  1968113],
    ['2008',  1901067]
  ]);

  // Create and draw the visualization.
  new google.visualization.BarChart(document.getElementById('visualization')).
      draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            vAxis: {title: "Year"},
            hAxis: {title: "Cups"}}
      );
}
Run Code Online (Sandbox Code Playgroud)

这给了我一个很好的图表,看起来像这样:

在此输入图像描述

我试图让这个图表符合我的网站的需要,为此,我需要在左边的链接到另一个页面.因此,例如,2003年将是用户可以单击ans的链接,因此2004年等.

我试着这样做:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria'],
    ['<a href="url">Link text</a>',  1336060],
    ['2004', …
Run Code Online (Sandbox Code Playgroud)

javascript google-visualization web

11
推荐指数
3
解决办法
1万
查看次数

Bootstrap缩略图列表未显示缩略图

我在我下载的主题上使用twitter bootstrap,我的自举缩略图列表中的自定义html正在显示,但图像不是.

调查代码,显示图像标记和工作图像位置.这是正在发生的事情的图片:

在此输入图像描述

我的缩略图列表的代码是这样的:

<div class="span9 space"><ul class="thumbnails"><li class="span3">
                        <div class="thumbnail">
                            <img data-src="http://s3.amazonaws.com/brewerydbapi/beer/YAKFea/upload_1CxY2l-medium.png" alt="">
                            <h3>90 Shilling</h3>
                            <p>Odell Brewing Company</p>
                        </div>
                    </li><li class="span3">
                        <div class="thumbnail">
                            <img data-src="http://s3.amazonaws.com/brewerydbapi/beer/oeGSxs/upload_FiPLQC-medium.png" alt="">
                            <h3>Naughty 90</h3>
                            <p>Toppling Goliath Brewing Company</p>
                        </div>
                    </li><li class="span3">
                        <div class="thumbnail">
                            <img data-src="noImage.gif" alt="">
                            <h3>90-Shilling Scotch Ale</h3>
                            <p>Taps Fish House & Brewery</p>
                        </div>
                    </li><li class="span3">
                        <div class="thumbnail">
                            <img data-src="noImage.gif" alt="">
                            <h3>Williams Ceilidh 90</h3>
                            <p>Williams Brothers Brewing Company</p>
                        </div>
                    </li><li class="span3">
                        <div class="thumbnail">
                            <img data-src="noImage.gif" alt="">
                            <h3>Boscos 90 Shilling Ale</h3>
                            <p>Boscos Brewing Company</p>
                        </div> …
Run Code Online (Sandbox Code Playgroud)

html image thumbnails twitter-bootstrap

11
推荐指数
1
解决办法
2万
查看次数

添加facebook SDK现在无法恢复活动强制关闭

我的活动是在崩溃时抛出此错误:

java.lang.RuntimeException: Unable to resume activity {com.beerportfolio.beerportfoliopro/com.example.mike.beerportfoliomaterial.MainDrawer2}: java.lang.IllegalArgumentException: Both context and applicationId must be non-null
       at android.app.ActivityThread.performResumeActivity(ActivityThread.java:3069)
       at android.app.ActivityThread.handleResumeActivity(ActivityThread.java:3098)
       at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2469)
       at android.app.ActivityThread.access$900(ActivityThread.java:172)
       at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1308)
       at android.os.Handler.dispatchMessage(Handler.java:102)
       at android.os.Looper.loop(Looper.java:146)
       at android.app.ActivityThread.main(ActivityThread.java:5653)
       at java.lang.reflect.Method.invokeNative(Method.java)
       at java.lang.reflect.Method.invoke(Method.java:515)
       at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1291)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1107)
       at dalvik.system.NativeStart.main(NativeStart.java)
Caused by: java.lang.IllegalArgumentException: Both context and applicationId must be non-null
       at com.facebook.AppEventsLogger.activateApp(AppEventsLogger.java:273)
       at com.facebook.AppEventsLogger.activateApp(AppEventsLogger.java:260)
       at com.example.mike.beerportfoliomaterial.MainDrawer2.onResume(MainDrawer2.java:179)
       at android.app.Instrumentation.callActivityOnResume(Instrumentation.java:1198)
       at android.app.Activity.performResume(Activity.java:5618)
       at android.app.ActivityThread.performResumeActivity(ActivityThread.java:3059)
       at android.app.ActivityThread.handleResumeActivity(ActivityThread.java:3098)
       at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2469)
       at android.app.ActivityThread.access$900(ActivityThread.java:172)
       at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1308)
       at android.os.Handler.dispatchMessage(Handler.java:102)
       at android.os.Looper.loop(Looper.java:146)
       at android.app.ActivityThread.main(ActivityThread.java:5653)
       at java.lang.reflect.Method.invokeNative(Method.java)
       at …
Run Code Online (Sandbox Code Playgroud)

android facebook facebook-social-plugins android-facebook

9
推荐指数
1
解决办法
1万
查看次数

PhoneGap缺少plist.key

当我尝试加载上传我的iTunes应用程序安装程序到iTunes时,我解除了这个错误:

缺少Info.plist密钥 - 此应用程序尝试在没有使用说明的情况下访问隐私敏感数据.应用程序的Info.plist必须包含一个NSPhotoLibraryUsageDescription键,其中包含一个字符串值,向用户解释应用程序如何使用此数据.

缺少Info.plist密钥 - 此应用程序尝试在没有使用说明的情况下访问隐私敏感数据.应用程序的Info.plist必须包含一个NSCameraUsageDescription键,其中包含一个字符串值,向用户解释应用程序如何使用此数据.

我可以在下面的配置文件中添加什么来让它工作:

<preference name="permissions" value="none" />
    <preference name="orientation" value="default" />
    <preference name="target-device" value="universal" />
    <preference name="fullscreen" value="false" />
    <preference name="webviewbounce" value="false" />
    <preference name="disallowOverscroll" value="true" />
    <preference name="prerendered-icon" value="true" />
    <preference name="stay-in-webview" value="false" />
    <preference name="ios-statusbarstyle" value="black-opaque" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="true" />
    <preference name="auto-hide-splash-screen" value="true" />
    <preference name="disable-cursor" value="false" />
    <preference name="android-minSdkVersion" value="10" />
    <preference name="android-targetSdkVersion" value="19" />
    <preference name="android-installLocation" value="auto" />
    <gap:plugin name="org.apache.cordova.battery-status" source="npm" /> …
Run Code Online (Sandbox Code Playgroud)

iphone ios phonegap-plugins cordova phonegap-build

8
推荐指数
1
解决办法
8232
查看次数

如何向整个活动添加滚动视图?

我尝试在活动布局上的所有内容周围添加滚动视图,但它给了我一个错误,说它只能放在一件事上.

我的活动,有一个标题textview然后是一个图像,然后是一个描述文本视图,你无法阅读整个描述,因为它很长并且低于我的屏幕边缘.如何让whoel事物可滚动?

我的xml看起来像这样:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <TextView
        android:id="@+id/beerTitle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:textSize="40sp"
        android:textStyle = "bold"
        >
    </TextView>

    <ImageView android:id="@+id/image"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_margin="10dip"/>

    <Button
        android:id="@+id/buttonBrewery"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="" />
    <Button
        android:id="@+id/buttonStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="" />

    <TextView
        android:id="@+id/beerDEscriptionTitle"
        android:textStyle = "bold"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:textSize="20sp"
        android:text="Description"
        ></TextView>
    <TextView
        android:id="@+id/beerDescription"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:textSize="15sp"

        ></TextView>

</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

java xml android android-scrollview android-activity

7
推荐指数
1
解决办法
3万
查看次数

滑出突出显示的导航项目

在我的Android应用程序中,我有一个滑出导航抽屉.在导航抽屉中选择了一个项目时,它会加载新片段并突出显示您在导航栏中单击的项目.

我的问题是,在加载的新片段中,您可以单击该片段中的新项目,该片段将加载新片段并仍然保留导航抽屉.

在此实例中,您不再使用导航抽屉中列出的片段,但最后一项仍然突出显示,然后无法再次单击以返回.

关于如何在导航抽屉中不突出显示项目的任何想法,如果它不是我的主要片段之一,然后在其中一个主要片段上重新突出显示?

这是我的导航抽屉代码:

public class MainDrawer2 extends FragmentActivity
{
    private static final String EXTRA_NAV_ITEM    = "extraNavItem";
    private static final String STATE_CURRENT_NAV = "stateCurrentNav";

    private ActionBarDrawerToggle mDrawerToggle;
    private DrawerLayout mDrawerLayout;

    private NavDrawerListAdapter mDrawerAdapter;
    private ListView mDrawerList;

    private CharSequence mTitle;
    private CharSequence mDrawerTitle;

    private MainNavItem mCurrentNavItem;




    public static Intent createLaunchFragmentIntent(Context context, MainNavItem navItem)
    {
        return new Intent(context, MainDrawer2.class)
                .putExtra(EXTRA_NAV_ITEM, navItem.ordinal());
    }



    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment_main);

        Crashlytics.start(this);



        mTitle = mDrawerTitle = getTitle();
        mDrawerLayout = (DrawerLayout)findViewById(R.id.drawer_layout);
        mDrawerList   = …
Run Code Online (Sandbox Code Playgroud)

navigation android android-fragments navigation-drawer

7
推荐指数
2
解决办法
5516
查看次数

Android卡视图在卡之间有细灰线

我有一个Android列表视图,显示卡片般的视图,正如您在此图片中看到的,我的卡片之间有一条细线:

在此输入图像描述

我该怎样摆脱灰线?

我的xml实现这个卡片视图是这样的:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="wrap_content">

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="6dp"
        android:layout_marginRight="6dp"
        android:layout_marginTop="4dp"
        android:layout_marginBottom="4dp"
        android:orientation="vertical"
        android:background="@drawable/bg_card">

    <!-- Card Contents go here -->

    <TextView
            android:id="@+id/beerNameList"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
            android:id="@+id/beerBreweryNameList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

</LinearLayout>

</FrameLayout>
Run Code Online (Sandbox Code Playgroud)

bg_card.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle"
               android:dither="true">

            <corners android:radius="2dp"/>

            <solid android:color="#ccc" />

        </shape>
    </item>

    <item android:bottom="2dp">
        <shape android:shape="rectangle"
               android:dither="true">

            <corners android:radius="2dp" />

            <solid android:color="@android:color/white" />

            <padding android:bottom="8dp"
                     android:left="8dp"
                     android:right="8dp"
                     android:top="8dp" />
        </shape>
    </item>
</layer-list>
Run Code Online (Sandbox Code Playgroud)

试过分频器高度的变化,这是我的代码它没有摆脱灰线:

<LinearLayout …
Run Code Online (Sandbox Code Playgroud)

android android-xml

6
推荐指数
1
解决办法
9583
查看次数

Cant Center text with materializecss

我正在使用materializecss开发一个html Web应用程序.

我正在努力使用他们的助手.我想把我的号码和文字集中在一起:

在此输入图像描述

为了更好地查看我的代码:

@import 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css';
Run Code Online (Sandbox Code Playgroud)
<div class="row">
  <div class="col s12 m7">
    <div class="card valign-wrapper">
      <div class="card-content valign center" >
        <div class="row">
          <h3 class="center-align orange-text text-darken-2"> 406 </h3>
          <p class="center-align">Beers Tasted</p>
        </div> 
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col s12 m7">
    <div class="card valign-wrapper">
      <div class="card-content valign center" >
        <div class="row">
          <h3 class="center-align orange-text text-darken-2"> 26 </h3>
          <p class="center-align">Breweries Visited</p>
        </div> 
      </div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css

6
推荐指数
1
解决办法
2万
查看次数

Leaflet Uncaught Error:无效的LatLng对象:(NaN,NaN)

我试图用传单动态加载地图标记,我收到此错误:

未捕获的错误:无效的LatLng对象:(NaN,NaN)

我正在使用此JavaScript来加载我的标记:

            var lat;
            var lng;


            for (i = 0; i < data.length; i++) {
                lat = parseFloat(data[i].lat);
                lng = parseFloat(data[i].lng);

                L.marker([lat, lng]).addTo(map);
            }
Run Code Online (Sandbox Code Playgroud)

我正在读的我的json是这样的:

[{"brewery":"21st Amendment Brewery","lat":"37.7824175","lng":"-122.3925921","breweryID":"EdRcIs"},{"brewery":"Abita Brewing Company","lat":"30.482408","lng":"-90.056605","breweryID":"BBE5WM"},{"brewery":"AleSmith Brewing Company","lat":"32.8924532","lng":"-117.1447157","breweryID":"ygAzC9"},{"brewery":"Allagash Brewing Company","lat":"43.702697","lng":"-70.317975","breweryID":"pdLPeS"},{"brewery":"Anchor Brewing Company","lat":"37.763487","lng":"-122.401367","breweryID":"6PBXvz"},{"brewery":"Anderson Valley Brewing Company","lat":"39.001384","lng":"-123.356081","breweryID":"L2dAEr"},{"brewery":"Anheuser-Busch","lat":"38.5986606","lng":"-90.208751","breweryID":"BznahA"},{"brewery":"Anheuser-Busch InBev","lat":"38.5985037","lng":"-90.2093428","breweryID":"BznahA"},{"brewery":"Asahi Breweries","lat":"35.709646","lng":"139.799797","breweryID":"tu8Rbm"},{"brewery":"Asia Pacific Breweries Ltd.","lat":"1.3361749","lng":"103.647081","breweryID":"AvTZ60"},{"brewery":"Ass Kisser Ales","lat":"32.729223","lng":"-97.415003","breweryID":"pqSkmD"},{"brewery":"Avery Brewing Company","lat":"40.016644","lng":"-105.218628","breweryID":"Jio9R0"},{"brewery":"Ayinger Brewery","lat":"","lng":"","breweryID":"QKdFk2"},{"brewery":"Ballast Point Brewing Company","lat":"32.7667586","lng":"-117.1952129","breweryID":"1d90Lc"},{"brewery":"Ballast Point Brewing Company","lat":"32.766785","lng":"-117.195246","breweryID":"1d90Lc"},{"brewery":"Baltimore-Washington Beer Works","lat":"39.167823","lng":"-76.5240722","breweryID":"dwroV3"},{"brewery":"Bass Brewery","lat":"52.8045853","lng":"-1.6281372","breweryID":"X2Qkw1"},{"brewery":"Bear Republic Brewery","lat":"38.6040452","lng":"-122.8599961","breweryID":"5tw2Iw"},{"brewery":"Belching Beaver Brewery","lat":"33.1450383","lng":"-117.2285575","breweryID":"rVzPCl"},{"brewery":"Bells Brewery, Inc.","lat":"42.2843486","lng":"-85.4538497","breweryID":"noGtDY"},{"brewery":"Big Muddy Brewing Co","lat":"37.7823381","lng":"-89.3321145","breweryID":"oBe8dQ"},{"brewery":"Birra Toccalmatto","lat":"44.866279","lng":"10.0615953","breweryID":"wAdTKf"},{"brewery":"Bootleggers Brewery","lat":"33.8682504","lng":"-117.933221","breweryID":"JQfyvi"},{"brewery":"Booze Brothers Brewing Co.","lat":"33.148172","lng":"-117.218047","breweryID":"xaBLno"},{"brewery":"Boston Beer Company","lat":"42.314449","lng":"-71.103365","breweryID":"1wSztN"},{"brewery":"Boulder Beer Company","lat":"40.0266779","lng":"-105.2479819","breweryID":"stdQLg"},{"brewery":"Boulevard Brewing Company","lat":"39.0821348","lng":"-94.5966532","breweryID":"VDMEV7"},{"brewery":"Brasserie des …
Run Code Online (Sandbox Code Playgroud)

javascript json leaflet

6
推荐指数
1
解决办法
1万
查看次数

带有开放图谱协议的Google+代码段

我有一个动态构建的网页,我正在尝试获取在Google+上分享的链接以显示片段并且看起来不错,可以在此处找到文章呈现和文档的示例代码段:

https://developers.google.com/+/web/snippet/article-rendering

当我按照文档说明时,我的链接无法呈现我在google plus中设置的所有内容,它们会显示如下:

在此输入图像描述

我页面的头部看起来像这样:

<head>
<div id="replaceGoogle"></div>
</head>
Run Code Online (Sandbox Code Playgroud)

在我的javascript中,我有这个插入生成的开放图标记:

//replace google
        var google = '<meta property="og:type" content="article" /><meta itemprop="og:headline" content="'+ data[0].name+'" /> <meta itemprop="og:description" content="View beer on Beer Portfolio" /> <meta property="og:image" content="'+ data[0].icon +'" />';
        $("#replaceGoogle").replaceWith(google);
Run Code Online (Sandbox Code Playgroud)

数据来自json从ajax调用中读入.我不能动态地这样做吗?

html javascript ajax open-graph-protocol google-plus

6
推荐指数
1
解决办法
267
查看次数